홈페이지를 만들려고 할 때 가장 궁금한 게 아무래도 ‘제작 비용’입니다. 이 비용을 가늠하기 위해서는 우선 ‘어떤’ 홈페이지를 ‘어떻게’ 만들고 싶은지 구체적으로 정리하는 단계를 거쳐야 합니다. 그중에서도 ‘레퍼런스’가 중요합니다. ‘백문이 불여일견’이라는 말처럼 말로 전하는 것보다, 바라는 요구사항을 시각적으로 보여줄 수 있다면 구현하는데 드는 비용을 더 정확히 파악하게 됩니다.
✍️ 이 글의 순서
• 레퍼런스는 이렇게 조사합니다
• UI/UX에 주목하여 레퍼런스 찾기
• 디자인까지 디테일하게 찾기
레퍼런스는 이렇게 조사합니다.
홈페이지를 제작할 때 참고할 만한 레퍼런스(홈페이지)를 찾는 방법은 크게 두 가지로 나뉩니다.
1. ‘같은 분야’의 홈페이지
현재 우리가 제공하는 서비스는 무엇인가요? 어떤 목적으로 웹사이트를 만들려고 하시나요? 서비스와 목적이 무엇이든, 같은 분야의 홈페이지를 찾는 게 가장 정석적입니다. 특히, 동종업계의 홈페이지를 찾는 건 필수입니다.
2. ‘최근’ 런칭된 홈페이지
10년 전에는 현실을 본떠 아이콘으로 만드는 ‘모피즘’이 유행했습니다. 그러다 구글을 선두로 한 ‘플랫’ 디자인이 유행하다가, 최근에는 ‘뉴모피즘’으로 다시 회귀하려는 움직임이 보입니다. 이처럼 IT/디자인 트렌드는 매년 빠르게 달라집니다. 그래서 최근 런칭된 신규 오픈 홈페이지도 참고하는 과정도 상당히 중요합니다.
UI/UX에 주목하여 레퍼런스 찾기
세심한 부분까지 챙기는 디테일러라면 UI, UX 레퍼런스도 살펴 정리하세요. ‘사용자 관점’에서 바라보며 어떤 구성이 나을지, 어떤 기능이 필요할지 가늠하는 과정입니다. 방식에 따라 비용 차이가 꽤 나는 분야이기에 레퍼런스가 상당히 중요합니다.
✅ UI(User Interface): 사용자가 웹이나 앱을 이용하면서 보게 되는 ‘화면’
✅ UX(User eXperience): 사용자가 웹이나 앱을 이용하는 ‘경험’
앱스토어/플레이스토어
과거에 비해’모바일 to 웹’ 접속이 점점 중요해지는 추세입니다. 조사에 의하면 잘파(Z+A) 세대는 대부분 모바일로만 웹에 접속한다고 하는데요. 그래서 모바일에서 보여지는 홈페이지의 UI/UX는 매우 중요합니다.
그리고 모바일 UI/UX를 직접 경험하는 데에는 앱스토어나 플레이스토어가 많은 도움이 됩니다. 보는 걸 넘어, 직접 앱을 다운로드하세요. 실행해 몸소 경험하는 것도 큰 도움이 됩니다. 앱을 직접 구동해 보면서, 어떤 점이 좋고 어떤 점이 나쁜지 고민해 보세요. 눈으로 훑는 것보다 훨씬 깊이 있는 인사이트를 얻게 됩니다.
노트폴리오/드리블
디자이너들이 주로 이용하는 UI/UX 포트폴리오 웹사이트입니다. 노트폴리오는 국내, 드리블은 해외에서 운영하는 포트폴리오 사이트입니다. 앱스토어나 플레이스토어처럼 실제로 제작된 앱들만 있는 게 아니라서, 기발하고 톡톡 튀는 아이디어를 만나기 좋습니다.
디자인까지 디테일하게 찾기
여기까지 잘 수행하셨다면, 아마 제작하고 싶은 홈페이지가 머릿속에 대략 그려질 겁니다. 여기서 한 단계 더 나아가 실제 디자인을 디테일하게 그려 보는 방법도 안내해 드립니다. 필요한 건 바로 ‘검색의 기술’입니다.
1) 필터를 걸어 검색하기
구글 검색만 잘해도 좋은 레퍼런스를 쉽게 찾아냅니다. 특히, 필요 없는 정보를 제외하기 위한 ‘필터’가 중요한데요. 구글 검색에서는 화질, 색깔, 크기, 스타일, 심지어 ‘투명한 배경’ 여부까지 필터를 걸어 검색할 수 있습니다.
2) (+), (-) 활용하기
특정 키워드를 포함할 경우 (+)를, 특정 키워드를 제외할 경우 (-)를 넣어 세부 검색을 할 수 있습니다. 예를 들어 모피즘을 제외하고 뉴모피즘 스타일의 디자인만 찾고 싶다면 ‘+뉴모피즘 -모피즘’과 같이 검색하면 됩니다.
3) 이미지로 검색하기
이미지를 업로드해 찾는 방법도 있습니다. 마음에 드는 디자인이 있다면 해당 디자인을 캡처하거나 저장하여 이미지 검색을 해 보세요. 마음에 드는 디자인을 활용해 레퍼런스를 확장하는 방법입니다.
4) 영어로 검색하기
한글보다 영어 자료가 훨씬 많다는 건 이미 익히 알려진 사실. 필요한 레퍼런스에 대한 정보를 구체적으로 알고 있다면 영어로 검색해 보세요. 좀 더 풍부한 정보를 볼 수 있을 거예요.
이렇게 스스로 구현하려는 결과물과 가까운 레퍼런스를 찾으면 보다 정확한 홈페이지 제작 비용, 견적 산출이 가능해집니다. 지향점이 명확하기에 제작 과정에서 효율도 높아집니다. 궁극적으로 결과물의 완성도 역시 높아지죠. 레퍼런스는 꼭 견적만을 위해서뿐만이 아니라, 더 나은 홈페이지를 만드는 데 필수적인 요소라고 볼 수 있습니다.
‘위시켓’에서 실현하세요.
완성도 높은 홈페이지 제작을 위한 알맞은 레퍼런스를 찾았다면, 이제 멋지게 구현해 줄 개발사를 찾을 시간입니다. 그런데 괜찮은 개발사는 어디서 어떻게 찾아야 할까요? IT 아웃소싱 전문 플랫폼 ‘위시켓’을 한 번 들어가 보세요.
위시켓에서는 프로젝트의 규모와 관계없이 개별 매니저가 프로젝트의 전 과정을 함께 합니다. 만약 레퍼런스를 찾는 일부터 쉽지 않다면, 그 일부터 도움받을 수 있습니다. 무엇을 상상하든, 빠르고 안전한 홈페이지 제작을 위해 위시켓이 함께 하겠습니다.
🔖 함께 보면 도움되는 글
‘웹개발 외주’가 처음인 당신을 위한, 가장 기본적인 가이드라인
