홈페이지 제작을 하기 위해 두번째로 중요하게 고려해야 하는 부문이 세련된 디자인 제작일 것이다.

 

그렇다면 웹 또는 모바일 디자인을 위해 처음으로 고려 되어야 하는 부문은 무엇일까?

 

다양한 형태의 의견이 나올수 있다.

 

하지만 기본적으로 꼭 먼저 고려 되어져야 하는 부문이 있다.

 

그것은 하나의 홈페이지를 상징하는 개인, 기업 또는 기관의 CI(Corporate Identity)와 로고(Logo)일 것이다.

 

1. 홈페이지 브랜드 CI와 로고는 필수적이다.

 

홈페이지를 사람의 얼굴에 비유한다면 CI와 로고는 홈페이지를 대표하는 눈이라고 생각된다. 무척이나 중요한 부문이다.

 

또한, 홈페이지의 CI와 로고는 추상적이지만 해당 홈페이지 브랜드에 의미를 부여하며 특히 Key-Color(로고와 CI의 색상)의 색깔은 전체적인 홈페이지 디자인을 위한 기본 선택 색깔로 선택 될 수 밖에 없다.

 

반드시 이러한 CI와 로고, 서브타이틀 등을 구비하는 것이 홈페이지 브랜드의 가치를 높일 수 있는 방법이며 이러한 부문이 없거나 퀄러티가 떨어진다면 새로운 홈페이지 디자인과도 멀리 떨어진 듯한 별똥 부대가 될 확률이 높다.

 

2. 디자인 벤치마킹은 반드시 해야 한다. 

 

디자인에 있어서 스타일에 대한 정의는 참으로 난해 할 수 밖에 없다.

 

그 기준이 개인의 성향, 선호도, 느낌이 너무나도 다양하고 틀리기 때문이다.

 

이러한 부문들을 쉽게 나타내고 표현하기 위해서는 자신이 선호하는 벤치마킹 사이트를 두루두루 살펴봐야 한다. 

 

즉, 해당하는 홈페이지의 색깔, 주제, 느낌을 종합해 보면서 장점인 부문들에 대해 '찜'해 놓는 것이 포인트이다.

 

디자인에서 UI/UX라고 하는 형태의 작업(와이어프레임)을 위해서도 홈페이지 기획 부문에 있어서도 이러한 과정은 필수이다.

 

3. 가성비 대비 좋은 홈페이지 디자인 제작은 많치 않다. 

 

근래에 진행 했던 프로젝트 중 해외를 타깃으로 하는 해외 직구 쇼핑몰 사이트를 만든 고객사가 있었다.

 

오프라인 기반의 고객사는 처음으로 온라인 쇼핑몰을 시작하는 회사였으며 카페OO의 호스팅 서비스를 통해 쇼핑몰을 1차로 구성한 상태였다.

 

1차로 구성했던 쇼핑몰 디자인 부문에서 회사로고, 메인배너 및 비주얼 영역을 대기업의 쇼핑몰처럼 심플하고 이쁘게(?) 바꾸고 싶은 업체를 찾고 있었다.

 

최초 미팅을 하기 전, 고객사 사이트의 디자인은 기본 템플릿(기성복이라 생각하면 쉬움) 디자인의 형태에서 크게 벗어나지 않았으며 디자인에 대한 컨셉, 색감, 영역 등을 전체적으로 다시 손봐야 하는 상황이였다.

 

이미 1차로 구성되어져 있는 부문들을 전체적으로 바꿀수는 없는 상황이여서 부분적으로나마 세련된 느낌으로 바꾸기 위해 메인 및 서브 메인에 대한 부문 디자인만을 수정하기로 하였다.

 

결국, 고객사 입장에서는 시간적, 금전적인 비용을 이중으로 낭비된 상황이 된 것이다.

 

차라리 처음부터 전체 템플릿 디자인을 참여 했었으면 하는 아쉬운 마음이 많았다.

 

4. 디자인 포트폴리오와 컨셉을 보아야 한다.

 

 다음은 제안했던 화면에 대한 사례이다.

 

 

제안의 주된 내용은 디자인 포트폴리오와 벤치마킹에 대한 느낌을 상세하게 전달하는 것, 그리고 + 알파(∝)가 있었으며 고객이 원하는 디자인의 느낌을 상호간에 전달 받고 전달해 주는 공감의 컨셉서로 전달 하였다.

 

누구나가 마음에 드는 디자인을 하고 싶다면 기본적인 요소들을 갖추어야 하며 이에 맞는 내가 원하는 요소들을 잘 수집해야 원하는 디자인의 컨셉 홈페이지로 꾸밀 수가 있다.

 

2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용!

 

글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요

 

 

홈페이지 제작을 하기 위해 중요한 부문 중에 하나가 홈페이지 제작업체를 선정하는 부문일 것이다.

 

인터넷상에서 수 많은 업체들의 다양한 제안이 있다.

 

무료 홈페이지 제작, 저렴한 비용의 홈페이지 제작, 무료 호스팅, 무료 도메인 등등 너무나도 많고 다양한 제안이 있다.

 

도대체가 어떻게 해야 할지? 선택 할 수가 없을 정도이다.

 

물론, 고객의 입장에서 보면 작은 사양(스펙)의 홈페이지가 필요 할 수 있다. 

 

개인의 취미나 소소한 재미, 작은 소개 정도를 위해 홈페이지를 꾸미고 싶다면 가장 무난하고 쉬운(?) 부문이 포털에서 제공하는 블로그와 카페 그리고 좀더 난이도가 있는 워드프레스, 다양한 템플릿(기성복이라 생각하면 쉬움)이 제공되는 홈페이지 서비스를 활용하는 것이 맞다.

 

그러나 실제로 이러한 서비스들을 활용하다 보면 홈페이지 만들기가 결코 쉽지 않구나 하는 것을 알게 된다.

 

또한, 이보다 더 고난이도의 쇼핑몰 서비스(카페24, 고도몰 등)를 제작 하다 보면 결코 무료가 아닌 유료를 써야 해당 서비스를 제대로 활용 할 수 있다는 것을 알게 된다.

 

1. 완전 무료 홈페이지 제작은 없다~!

 

즉, 고객의 입장에서 확실하게 인지하고 알아야 하는 점은 바로 온라인상에서 홈페이지 제작은 완전 무료가 없다는 것이다!!!

 

서비스를 하는 회사의 입장에서도 일 부문만이 무료이며 좀 더 나은 디자인, 좀 더 나은 기술 서비스를 제공해 주면서 유료 서비스를 권유하고 있는 것이다.

 

이러한 부문은 비즈니스 관점에서 보면 당연한 것일 지도 모른다.

 

문제는 이러한 부문에 대해 너무나도 쉽게 생각하여 간과 하였을 때에, 나중에 꼭 후회하는 고객사를 종종 접하게 된다는 것이다. 

 

이러한 프로젝트는 비용적인 부문에 있어서도 시간적인 부문에 있어서도 아에 처음부터 새롭게 시작하는 것이 더 빠르고 덜 소모적일 수있기 때문이다.

 

어떠한 형태이든 홈페이지를 제대로 구성하기로 결정했다면 다음과 같은 부문들은 꼭 고려해야 한다.

 

2. 홈페이지 구성을 위한 전략적 구성이 있어야 한다.

 

아주 저렴한 홈페이지를 구성하기 위해서는 가장 작은 스펙의 홈페이지로 꾸미면 된다.

 

하지만 기업용 홈페이지, 기관용 포럼, 하나의 채널로써 매체를 만들고 싶다면 그에 맞는 전략적 구성 형태가 있어야 한다.

 

근래에 페이스북의 SNS, 블로그를 통해 주제가 있는 정기 포럼 등을 구성하였던 모임의 교수님께서 홈페이지 제작에 대한 의뢰 요청 건이 있었다.

 

빠른 피드백을 요청하셨던 교수님은 해당 포럼 구성을 위한 간략한 사이트맵, 홈페이지 구동 방법(반응형웹), 회원가입, 결제, 게시판, 정기적 이미지 및 동영상 등을 웹, 모바일 상에서 동시적으로 쉽게 업데이트 하시기를 원하셨다. 물론 도메인도 갖고 계신 상황이었다.

 

2. 고객의 니즈를 제대로 파악할 수 있어야 한다.

 

우선, 교수님께서 해당 포럼을 위한 대메뉴 및 소메뉴 등은 정하셨고 각 소메뉴별 기능들까지 인지를 하고 계셨다.

 

그리고 반응형웹이라고 하는 구동형태로 구현 하길 원하셨다.

 

게다가 결제 기능, 모바일 상에서도 국내 뿐만이 아닌 국외에서 다양한 사진들을 여러 명이서 모임의 현장에 대한 사진들을 쉽게 올릴 수 있는 기능을 구현하고 싶어 하셨다.

 

3. 프로젝트를 위한 기본적인 제안은 받아야 한다.

 

고객이 원하는 시스템과 기능, 구성형태는 정해졌다.

 

하지만 1차적으로 고려되는 예산을 무시 할 수가 없었으므로  가장 적은 비용에 빠르게 구현 될 수 있는 기본적으로 CMS가 구현되는 워드프레스를 제안하였다. 

 

워드프레스는 일종의 쉬운 홈페이지 구현을 위한 플랫폼이다.

 

우리가 문서를 만들기 위해 아래한글이나 워드를 쓰듯이 기본적인 홈페이지 틀을 제공해 주는 시스템이다.

 

기본적으로 홈페이지 구동을 위한 아파치 웹서버, PHP 웹개발언어, 무료 데이터베이스인 MYSQL을 기본 사양으로 하고 있다.

 

워드프레스의 장점은 기본적으로 반응형웹과 웹표준(크로스 브라우징)을 지원하며 다양한 형태의 템플릿을 제공해 주기 때문에 적은 시간에도 홈페이지를 빠르게 제작 할 수 있다.

 

또한, 전세계적인 플러그인을 통해 다양한 기능들을 제공 받을 수도 있다. 물론 리뷰가 많은 유료를 써야 나중에 문제가 없다.

 

그 외에도 호스팅, 디자인 구현 등에 대한 제안도 함께 하였다.

 

이렇듯 홈페이지 제작을 위해서는 원하는 프로젝트에 맞는 상황들을 정확하게 인지하고 파악하여 제공받는 것이 중요하다.

 

2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용!

 

글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요

  • 둘리토비 2016.05.14 11:42 신고  댓글주소  수정/삭제  댓글쓰기

    전 블로그를 점점 홈페이지처럼 운영하고 싶던데...............
    지금은 허접하지만 기회가 되면 직접 꾸며보고 싶어요^^

    블로그에도 웹디자인을 어느정도까지 적용할 수 있을지 모르겠네요?

  • 아담블루 2016.05.14 12:01 신고  댓글주소  수정/삭제  댓글쓰기

    블로그 틀은 티스토리가 젤인것 같아요~^^ 일단 맘에 드시는 템플릿 부터 고르시구용~ 그 틀에서 변경하게 되는 정도일 듯합니당^^

  • 空空(공공) 2016.05.16 10:34 신고  댓글주소  수정/삭제  댓글쓰기

    제작도 중요하지만 관리도 중요하다는걸 느낍니다
    만들어 놓고 죽어있는 사이트들이 너무 많아요,,,

  • 아담블루 2016.05.16 10:35 신고  댓글주소  수정/삭제  댓글쓰기

    맞습니당^^ 결국엔 기획과 관리가 참으로 중요합니당

  • Deborah 2016.05.18 11:30 신고  댓글주소  수정/삭제  댓글쓰기

    어머나..제가 찾던 블로그네요. 요즘 웹페이지 디자인에 관심이 많습니다. 그래픽디자인을 전공하고 한 학기에 웹디자인을 배웠죠. 그것으로 충분히 웹에 대해서 알기에는 너무 짧은 시간이였던 기억이나네요. 이제서야 허술한 저의 사이트를 새롭게 단장하려고 하는데요. 무엇부터 손을 대어야할지 모르겠네요. 저의 웹사이트 주소를 드릴테니 조언 부탁 드립니다. 아주 초보적으로 간단하게 만든 블로그인지라 디자인면에서는 별로에요. ㅠㅠ 저의 포트폴리오가 있는 웹사이트입니다. www.kyonghwa.com

  • 아담블루 2016.05.18 11:33 신고  댓글주소  수정/삭제  댓글쓰기

    반갑고 부끄럽습니다^^ 보내주신 사이트보면서 리뷰해보도록 하겠슴당~ 흥미있고 즐거운 리뷰하겠슴당~ 지속적으로 잔소리 해드리겠슴당^^

 

 

몇일 전부터 우리나라에서 다양하게 시험되고 만들어져 가고 있는 오투오(O2O)서비스의 핵심은 무엇일까? 하고 고심하게 되었다. 하지만 좀처럼 해답을 얻지 못하였다. 

 

O2O서비스는 달리기로 따지면 장거리 코스이기 때문이다.

 

왜냐하면 기존에 없던 플랫폼이 자리잡기까지에는 시간과 자금이 많이 투여되고 보이지 않았던 시행착오도 나타나게 된다. 반면에 그만큼 자리가 잡히면 큰 힘을 발휘하는 서비스이기도 하다. 

 

그렇다면 어떻게 하면 이러한 서비스가 성공의 가치를 만들어 갈 수 있을 것인가? 한가지 확실한 느낌을 갖게 되는 공통적인 부문은 사람에게 신뢰와 가치를 주고 그 가치가 서비스에도 공유되어야 한다는 것이다.

 

O2O서비스의 가치는 오프라인의 가치를 온라인에서 만들며 온라인에서의 가치를 오프라인으로 연결하고 결합하여 더 큰 가치인 제 3의 가치(?)를 만들어 갔을 때에 모두가 만족 할 수 있는 서비스가 된다고 생각한다.

 

어떠한 분야이든 온라인 보다는 오프라인에서의 사업적 구조는 더욱 가혹하며 정신적 육체적으로도 쉽지 않은 구조로 이루어져 있기 때문이다. 당연히 시간과 물리적인 요소도 더 많이 투여가 된다.

 

문화일보(http://www.munhwa.com/news/view.html?no=2016040501032003018002)의 기사를 보면서 한층 그러한 부문이 맞다라는 확신을 갖게 되었다.

 

결국 O2O서비스는 이러한 사업군을 진행하는 사람들과의 신뢰성, 협업, 윈윈의 관계가 이루어 질 때에 비로소 완성 되어 질 수 있다고 보여진다.

 

2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

 

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요




UI/UX는 홈페이지 제작을 위해 구성하는 사용자를 위한 형상(모습), 경험을 말한다.

 

영어로 표현하는 User Interface, User Experience의 약칭이다.

 

기본적으로 사이트 제작 기획에 최초로 만들어야 하는 것이 IA(Information Architecture)이다.

 

쉽게 표현하면 오래전 홈페이지 메뉴에는 사이트맵이라고 있었다.

 

전체 메뉴 구성도를 말하며 반드시 필수적으로 만들어야 하는 부문이다.

 

IA(InformationArchitecture)를 만들고 나면 새로운 홈페이지에 접근하고 사용하려는 방문자들을 위해 화면 구성을 그려야 하는데 이러한 작업을 UI라고 통칭 할 수 있으며 스토리보드를 만든다 라고도 표현 한다.

 

스토리보드(Story Board)는 홈페이지에서의 메뉴별 화면들을 하나씩 그리면서 작성하게 되며 국내에서는 주로 해당 작업을 마이크로소프트의 파워포인트로 작성을 한다.

 

스토리보드내에는 다양한 정보들을 담아야 하며 사용자를 위한 GNB(Global Navigation Bar)영역, 각 서브 화면 및 서브 배너 영역, 개발자를 위한 기능 정의 등이 들어가야 한다.

 

또한, 사용자들을 위한 편리한 화면 이동, 매력적인 화면 구성에 대한 정의도 함께 포함되어야 한다.

 

이러한 부문들을 총칭하여 UX라고 표현 할 수 있다.

 

과연 어떠한 방법이 개인 또는 기업에게 최신 트랜드, 또는 최신 스타일로 만들것인지? 아니면 개성있는 독특한 방향으로 구성해 갈 것인지?

 

다양한 목표(마케팅, Target)에 따라 그러한 방향성이 바뀌어 질 수 있다.


2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요

 

 

 

호스팅이란 도메인 구성 후 홈페이지 구성을 위해 시스템을 구현 할 곳을 정하는 것을 말합니다.

 

서버 시스템이라고 해서 웹 호스팅, 서버호스팅 등 다양한 형태로 나눌수 있습니다.

 

다양한 업체에서 이러한 서비스를 제공하고 있으며 개인이나 기업은 따로 시스템을 구매하지 않아도 이러한 서비스를 활용하여 월단위, 연간 단위로 가입 및 결제를 통해 기본적인 서비스를 제공 받을 수 있습니다.

 

즉, 홈페이지 구성을 위한 시스템 공간을 구매하여 홈페이지 제작을 위한 기본적인 시스템 환경을 만들 게 되는 것입니다.

 

이제 홈페이지 구성을 위한 기본적인 요소로써 도메인, 호스팅이 구성 되었다면 이제는 홈페이지 구성 을 위한 다양한 방법들을 선택 할 수 있습니다.

 

좀 더 상세한 웹호스팅과 서버 호스팅에 대한 상세한 내용들은 구분하여 포스팅 하도록 하겠습니다.

 

2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이 글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요

 

안녕하세요? 아담블루입니다. 오늘은 홈페이지 의미에 대해서 먼저 말씀드리겠습니다. 우선, 쉽게 이해하고 있는 "더블유 더블유 더블유" 또는 "따따따(www)"라고 하는 의미가 있습니다.

 

이것은 월드와이드웹 이라고 하는 영어의 약자입니다. 영문으로 하면 "World Wide Web"이라는 의미 입니다. "월드와이드웹"의 의미는 쉽게 풀이해 드리면 "전 세계에 퍼져 있는 국제적인 망"이라고 생각하시면 쉽습니다.

 

즉, 누구나가 인터넷 브라우저(IE, Chrome, Safari, Firefox)를 열고 브라우저 주소창에 URL (예를 들면, www.crossp.co.kr)을 치면 전 세계에 어디에서나 망에 접속하여 볼 수 있는 홈(집)의 페이 지(화면) 들이 나타나는 것입니다.

 

이렇듯 홈페이지는 월드와이드웹의 쉬운 우리나라의 말이 된 것입니다. 그리고 홈페이지 구성을 위해서는 우선적으로 필요한 몇가지 사항들이 있습니다.

 

첫번째로 도메인 구성, 호스팅 구성을 해야 하며 이러한 시스템 환경을 기반으로 홈페이지 제작 기획, 디자인, 코딩, 웹 프로그램 개발 등을 구성 해야 합니다.

 

< 2016 copywrite all right reserved. www.crossp.co.kr - 18년 경험의 노하우가 있는 크로스포인트 >

 

이글이 도움되시면 블로그를 구독하세요~^^ 또는 공감버튼을 꾹 눌러주세용! 글쓴이에게 힘이 됩니다.

블로그 이미지

아담블루

웹, 모바일, 디자인, 어플의 많은 가치를 공유하며 더 크고 높은 가치로 만들어 가고 싶습니다. email : bluet70@gmail.com

댓글을 달아 주세요