현직 디자이너가 알려주는! 매력적인 홈페이지 기획 & 포트폴리오 제작 비법

기획, 어렵지 않아! 다른 홈페이지 보면서 배우는 법

기획이 어렵다고 느끼는 친구들이 많아서 준비했어. 다른 병원 홈페이지를 보면서 어떻게 기획하는지 알려줄게.

1. 메뉴바 분석하기

먼저, 다른 병원 홈페이지의 메뉴바를 꼼꼼히 봐봐. 마치 우리가 직접 포트폴리오를 만든다고 생각하고 보는 거야. 예를 들어 성형외과 홈페이지 6~7개를 본다고 해보자.

• 공통점 찾기: 메뉴바만 봐도 어떤 내용을 담을지 대충 감이 올 거야. 보통 '병원 소개', '의료진 소개', '시술 소개', '장비 소개' 같은 메뉴들이 있어.
• 조금씩 다른 점: 어떤 곳은 '시술' 메뉴를 여러 개로 나누기도 하고, 어떤 곳은 '커뮤니티'나 '소통' 같은 메뉴를 넣기도 해.
• 결론: 이렇게 메뉴바의 공통점과 차이점을 엮어서 정리하면 나만의 메뉴 구성이 나올 수 있어. 메뉴바 기획은 이걸로 충분해!

2. 메인 페이지 구성 살펴보기

메인 페이지가 어떻게 구성되어 있는지도 중요해. 이걸 보면 홈페이지의 전체적인 흐름을 알 수 있거든.

• 주요 구성 요소: 보통 메인 페이지는 '슬라이더' (움직이는 이미지)로 시작하는 경우가 많아. 그리고 원장님들이 나와서 병원의 철학이나 강조하고 싶은 내용을 이야기하기도 해.
• 강조하고 싶은 것: 첫 화면에는 병원에서 가장 중요하게 생각하거나 자랑하고 싶은 내용을 배치하는 경우가 많아. 예를 들어 '임플란트 전문', '오랜 역사' 같은 것들 말이야.
• 섹션 나누기: 홈페이지를 여러 구역으로 나눠서 '철학', '의료진 소개', '시술 소개', '장비 소개' 등을 보여주는 방식도 있어.
• 다른 홈페이지도 비슷해: 다른 홈페이지들도 슬라이더, 약속 시스템 소개, 원장 소개, 진료 소개, 장비 소개, 공간 소개 등으로 구성되는 경우가 많아.

3. 꼼꼼하게 정리하기 (엑셀 활용!)

이런 식으로 홈페이지를 분석하면서 뭘 해야 하냐면,

• 메뉴바 정리: 각 홈페이지의 메뉴바 구성을 하나씩 텍스트로 적어서 정리해.
• 메인 섹션 정리: 메인 슬라이더 구성이나 메인 페이지의 각 섹션이 어떻게 구성되어 있는지 엑셀에 하나씩 정리하는 거야.
• 장점과 아쉬운 점: 각 홈페이지의 장점과 아쉬운 점도 함께 적어두면 좋아.
• 특이사항: 병원 홈페이지니까 팝업 창이 뜨는지, 사이드바가 있는지, 회원가입이 필요한지 같은 특이사항도 적어두면 나중에 기술 구현할 때 도움이 될 수 있어.

이렇게 직접 엑셀에 정리하고 써보면 왜 이렇게 해야 하는지, 홈페이지의 구조가 어떻게 되는지 명확하게 보일 거야.

4. 다음 단계: 이용자 분석 (가장 중요!)

메뉴바와 메인 페이지 구성을 파악했다면, 이제 가장 중요한 세 번째 단계로 넘어갈 수 있어. 바로 이용자 분석인데, 이건 뭐냐면... (다음 내용에서 이어질 거야!)