목차
안녕하세요, 케이트리솔루션입니다.
오늘은 예쁜 홈페이지, 멋진 웹사이트 이야기를 해 보려고 합니다.
먼저 분명히 해 둘 게 있습니다. 디자인은 아주 중요합니다. 방문한 고객이 보기 좋고, 쓰기 편하게 느끼는 홈페이지는 당연히 좋은 홈페이지입니다. 그런데 이 “예쁜”이라는 말에 생각보다 큰 함정이 숨어 있습니다. 오늘의 주제는 과연 예쁘기만 한 홈페이지가 좋은 홈페이지일까, 하는 질문입니다.
요즘 말하는 예쁜 홈페이지는 이런 모습입니다
보통 예쁜 홈페이지라고 하면 이런 사이트를 떠올리십니다. 마우스를 스크롤할 때마다 글자가 커졌다 작아지고, 사라졌다 다시 나타나고, 배경과 이미지가 서로 다른 속도로 움직이는 사이트입니다. 이런 효과를 인터랙션이라고 하고, 배경과 콘텐츠가 다른 속도로 움직이는 방식은 패럴랙스 스크롤이라고 부릅니다. 검색해 보시면 예시를 쉽게 찾을 수 있습니다.
예전에는 이런 홈페이지를 만들려면 비용이 꽤 많이 들었습니다. 그런데 AI 도구가 보편화되면서 지금은 이런 효과를 넣은 홈페이지를 만드는 분들이 아주 많아졌습니다. 만들기 쉬워진 만큼, 한 번쯤은 이렇게 물어볼 때가 됐습니다. 이 효과들이 정말 방문자에게 도움이 되고 있을까요?
방문자는 작품을 감상하러 오지 않습니다
홈페이지에 들어오는 목적을 떠올려 보시면 답이 보입니다. 예술 작품을 구경하러 들어오는 분은 거의 없습니다.
저라면 이렇습니다. 특정 제품 정보가 궁금하거나, 어떤 회사가 무슨 일을 하는지 알고 싶어서 홈페이지에 들어갑니다. 들어가 보니 홈페이지가 정말 예쁩니다. 그렇다고 “와, 예쁘다” 하면서 화면을 감상하고 있을까요? 아닙니다. 제가 찾으려던 내용을 계속 찾아다닐 겁니다.
그래서 홈페이지에서 가장 중요한 건, 방문자가 원하는 내용을 얼마나 빨리, 얼마나 헷갈리지 않고 찾을 수 있게 만들어졌느냐입니다. 회사 소개용 홈페이지만 그런 게 아닙니다. 일반 서비스나 솔루션, 플랫폼도 마찬가지입니다. 홈페이지와 웹사이트는 미술관이 아닙니다.
화려한 효과가 오히려 길을 막을 때
인터랙션 자체가 나쁜 건 아닙니다. 다만 효과가 주인공이 되면 이런 일이 생기기 쉽습니다.
- 문구가 스크롤에 맞춰 천천히 나타나서, 핵심 내용을 보려면 화면을 한참 내려야 합니다
- 어떤 메뉴와 버튼이 눌리는 건지 한눈에 들어오지 않습니다
- 애니메이션과 큰 이미지가 많아 휴대폰에서 첫 화면이 늦게 뜨고, 스크롤이 버벅입니다
- 움직이는 화면에 어지러움을 느끼는 분들에게는 사이트 자체가 불편해집니다
- 정작 연락처, 가격, 서비스 설명 같은 정보가 어디 있는지 찾기 어렵습니다
화면이 무거워지면 검색 노출에도 좋을 게 없습니다. 이 부분은 통이미지 홈페이지가 왜 문제인지 정리한 글에서 자세히 다뤘으니 함께 보셔도 좋습니다.
그래도 디자인은 중요합니다
오해가 없도록 다시 말씀드리면, UI·UX를 깔끔하게 정리하고 여러 디자인 요소를 신경 써서 보기 좋은 사이트를 만드는 일은 정말 중요합니다. 많은 홈페이지 제작 업체가 “예쁜 게 전부는 아니다, 기획도 중요하고 검색 노출도 중요하다”고 이야기하는 것도 같은 맥락입니다. 디자인이 왜 중요한지는 홈페이지 디자인을 나중에 해도 되는지 다룬 글에 정리해 두었습니다.
문제는 예쁜 사이트에 너무 매몰되는 경우입니다. 화면은 멋진데 고객이 원하는 정보나 우리가 전하고 싶은 가치가 전달되지 않는다면 말짱 도루묵입니다. 좋은 디자인은 눈길을 끄는 디자인이 아니라, 방문자가 길을 잃지 않게 돕는 디자인입니다.
홈페이지를 만들 때 먼저 정해야 할 것
디자인 시안을 보기 전에 아래 질문부터 답해 보시길 권합니다.
- 우리 홈페이지에 오는 사람은 누구이고, 무엇을 알고 싶어서 오나요?
- 그 사람이 첫 화면에서 가장 먼저 봐야 하는 정보는 무엇인가요?
- 홈페이지를 보고 난 뒤 방문자가 했으면 하는 행동은 무엇인가요? 문의, 전화, 구매, 자료 다운로드 같은 것들입니다
- 넣고 싶은 효과가 그 정보를 더 잘 보이게 하나요, 아니면 가리나요?
이 질문에 답이 정해지면 디자인은 그 답을 잘 보여 주는 방향으로 자연스럽게 정리됩니다. 효과는 그다음에, 꼭 필요한 곳에만 넣어도 늦지 않습니다.
케이트리솔루션 포트폴리오가 화면을 늘어놓지 않는 이유
같은 이유로 케이트리솔루션의 포트폴리오는 만들어 둔 화면을 여러 장 나열하는 데 집중하지 않습니다. 화면 캡처를 많이 보여 드리는 건 사실 큰 의미가 없다고 생각하기 때문입니다.
대신 포트폴리오 상세에서는 그 프로젝트가 어떤 문제를 해결하려 했는지, 그래서 어떤 기능을 만들었는지를 중심으로 설명합니다. 홈페이지를 볼 때 방문자가 정보를 찾듯이, 저희 포트폴리오를 보시는 분들도 화면보다 “이 회사가 우리 문제를 풀 수 있을까”를 알고 싶어 하신다고 보기 때문입니다.
자주 묻는 질문
인터랙션이나 애니메이션은 아예 넣지 않는 게 좋은가요?
그렇지 않습니다. 버튼을 눌렀을 때 반응이 보이거나, 내용이 자연스럽게 나타나는 정도의 효과는 사용성을 오히려 높여 줍니다. 기준은 하나입니다. 그 효과가 정보를 더 잘 전달하는지, 아니면 정보를 가리는지 보시면 됩니다.
브랜드 이미지가 중요한 업종이라면 화려한 디자인이 필요하지 않나요?
브랜드의 분위기를 살리는 디자인은 분명 필요합니다. 다만 그 경우에도 방문자가 찾는 정보, 예를 들어 제품 정보나 매장 위치, 문의 방법은 빠르게 찾을 수 있어야 합니다. 분위기와 정보 전달은 함께 갈 수 있습니다.
지금 홈페이지가 예쁘기만 한지 어떻게 확인할 수 있나요?
처음 보는 사람에게 휴대폰으로 홈페이지를 열어 주고 “연락처를 찾아보세요”, “가격을 찾아보세요”처럼 부탁해 보세요. 얼마나 빨리 찾는지, 어디서 멈칫하는지를 보시면 바로 드러납니다.
마치며
예쁜 홈페이지는 좋습니다. 하지만 홈페이지의 목적은 감상이 아니라 전달입니다. 방문자가 원하는 정보를 쉽게 찾고, 우리가 전하고 싶은 가치가 제대로 닿는 홈페이지가 결국 좋은 홈페이지입니다.
여러분이 생각하는 예쁜 홈페이지는 어떤 모습인가요? 홈페이지 제작이나 리뉴얼을 고민하고 계신다면 아래 문의 폼에 남겨 주세요. 보기 좋으면서도 제 역할을 하는 홈페이지를 함께 고민해 드리겠습니다.