홈페이지 디자인, 첫 화면 한 장부터 확인받습니다

「다 만들어진 다음에 보니까 처음 생각과 달라요.」 다른 곳에서 홈페이지를 만들어 보신 분들께 자주 듣는 말입니다. 페이지를 전부 만든 뒤에 방향이 어긋난 걸 알면, 고칠 곳이 페이지 수만큼 늘어납니다. 그래서 웹와이즈는 디자인을 한꺼번에 보여 드리지 않고, 첫 화면 한 장부터 확인받습니다.

시작은 기획 한 장입니다

디자인 전에 만드는 기획 한 장 · 목적 · 첫 화면 한 줄 · 꼭 보여야 할 것 · 계속 바뀌는 것 (업체는 예시)

디자인에 들어가기 전에 첫 상담에서 들은 내용을 한 장으로 정리합니다. 이 홈페이지가 무엇을 하는지(목적), 첫 화면에 쓸 한 줄, 손님에게 꼭 보여야 할 것, 앞으로 계속 바뀌는 것 네 칸입니다. 이 한 장이 정해지면 페이지 구성도 여기서 나옵니다.

왜 첫 화면부터일까요

첫 화면 시안을 확인받은 뒤 같은 결로 나머지 페이지를 그립니다 · 화면은 예시

첫 화면에는 홈페이지의 결이 다 들어 있습니다. 색, 글꼴, 사진을 쓰는 방식, 글의 말투, 버튼 모양까지 첫 화면에서 정해집니다. 첫 화면이 맞으면 나머지 페이지는 같은 결로 이어서 그리면 됩니다.

반대로 첫 화면에서 「이 느낌은 아닌 것 같다」가 나오면, 한 장만 다시 그리면 됩니다. 다섯 장, 열 장을 다시 그리는 것보다 대표님도 저희도 훨씬 덜 지칩니다.

첫 화면을 보실 때 이것만 봐 주세요

무엇을 하는 회사인지 한 줄로 보이나요

처음 들어온 손님이 스크롤하지 않고도 알아볼 수 있는지 봐 주세요.

손님이 가장 먼저 찾는 것이 보이나요

업종마다 다릅니다. 병원이면 진료시간과 위치, 카페면 메뉴와 공간, 제조 회사면 무엇을 만드는지가 먼저입니다.

회사 분위기와 맞나요

색과 사진이 회사 분위기와 맞는지는 대표님이 가장 잘 아십니다. 「조금 더 차분하게」처럼 느낌으로 말씀해 주셔도 충분합니다.

PC와 휴대폰은 함께 봅니다

첫 화면은 PC 판과 휴대폰 판을 함께 보여 드립니다 · 화면은 예시

첫 화면은 PC 판과 휴대폰 판을 함께 보여 드립니다. 휴대폰 화면은 PC를 줄인 것이 아니라 따로 설계한 화면이라, 둘 다 보고 확인하셔야 나중에 어긋나지 않습니다. 첫 화면이 정해지면 나머지 페이지 디자인과 개발로 넘어가고, 전체 진행은 보통 2~4주입니다.