효과적인 웹사이트 제작을 위한 5가지 팁

웹사이트를 새로 만들려는 사장님들과 이야기하다 보면 가장 먼저 나오는 말이 "요즘 트렌드에 맞게 예쁘게 뽑아주세요"입니다. 그런데 오픈 후 반년쯤 지나 다시 연락이 오는 사이트와 조용히 잊히는 사이트를 갈라놓는 건 디자인이 아니었습니다. 만들기 전에 정해둔 몇 가지가 갈랐습니다.

1. "누가, 왜 들어오는가"를 한 문장으로 적어본다

목표가 없는 사이트는 예뻐도 일을 하지 않습니다. 브랜딩이 목적인 사이트와 문의를 받는 것이 목적인 사이트는 첫 화면부터 달라야 합니다.

브랜딩이 목적이라면 첫 화면은 넓은 사진과 짧은 문장으로 인상을 남기는 데 씁니다. 반대로 문의가 목적이라면 첫 화면 안에 무엇을 하는 곳인지, 얼마인지, 어떻게 연락하는지가 스크롤 없이 들어와야 합니다. 저희가 만든 의원 사이트가 문의 전환율 4.8%를 기록한 이유도 화려한 효과가 아니라, 첫 화면에서 진료 항목과 예약 버튼이 동시에 보였기 때문입니다.

2. 방문자는 '읽지' 않고 '훑는다'

사용자 중심 디자인이라는 말은 추상적으로 들리지만, 실무에서는 아주 단순한 원칙으로 바뀝니다. 찾는 데 3초 이상 걸리면 나갑니다.

동네 책방 사이트를 만들 때 사장님이 가장 먼저 요청한 건 예쁜 서가 사진이었습니다. 하지만 손님이 실제로 궁금한 건 "그 책 지금 있나요"였죠. 첫 화면 맨 위를 이번 주 입고 도서로 바꾸자 헛걸음 문의가 눈에 띄게 줄었습니다. 메뉴 이름도 마찬가지입니다. '브랜드 스토리'보다 '어떤 곳인가요'가, 'CONTACT'보다 '문의하기'가 클릭률이 높습니다.

3. 모바일이 기본이고, 데스크톱이 예외다

전체 웹 트래픽의 60% 이상이 모바일에서 발생합니다. 저희가 만든 사이트 중에는 모바일 비율이 72%까지 나온 곳도 있었습니다. 그런데도 여전히 데스크톱 화면을 먼저 그리고 모바일을 나중에 맞추는 순서로 작업하는 경우가 많습니다.

순서를 바꾸면 결과가 달라집니다. 좁은 화면에서 먼저 그리면 무엇이 정말 필요한 정보인지 자연스럽게 걸러집니다. 전화 버튼은 엄지가 닿는 아래쪽에, 글자는 16px 이상, 버튼은 44px 이상. 이 세 가지만 지켜도 모바일 이탈이 줄어듭니다.

4. SEO는 나중에 붙이는 옵션이 아니다

검색 노출은 사이트를 다 만든 뒤에 추가하는 기능이 아니라, 만드는 과정에 섞여 있어야 하는 구조입니다. 페이지마다 다른 제목과 설명, 이미지 대체 텍스트, 그리고 robots.txt와 sitemap.xml이 기본입니다.

의외로 많은 소규모 사이트가 검색에 안 잡히는 이유는 콘텐츠가 부족해서가 아니라, 검색 엔진에게 "이 페이지를 읽어도 된다"고 알려주는 파일이 빠져 있어서입니다. 로딩 속도도 검색 순위에 직접 영향을 줍니다. 이미지 한 장을 webp로 바꾸는 것만으로 용량이 절반 이하가 되는 경우가 흔합니다.

5. 오픈은 끝이 아니라 시작이다

가장 자주 보는 안타까운 경우가 이겁니다. 몇 백만 원을 들여 사이트를 만들고, 그 뒤로 2년간 아무것도 바뀌지 않은 사이트. 검색 엔진은 업데이트가 멈춘 사이트를 낮게 평가하고, 방문자도 마지막 글이 재작년이면 신뢰하지 않습니다.

거창한 콘텐츠가 필요한 건 아닙니다. 새로 들어온 상품, 이번 달 일정, 작업 후기처럼 사장님이 5분이면 올릴 수 있는 구조를 만들어두는 게 핵심입니다. 관리자 화면이 복잡하면 결국 아무도 쓰지 않습니다.

정리하면

웹사이트 제작에서 디자인은 마지막 20%입니다. 나머지 80%는 목표를 정하고, 방문자가 원하는 걸 앞에 두고, 모바일에서 먼저 그리고, 검색이 읽을 수 있게 만들고, 오픈 후에도 손댈 수 있게 남겨두는 일입니다. 이 다섯 가지가 갖춰지면 디자인은 그 위에 얹는 것만으로 충분합니다.