이음외과 반응형 외과 홈페이지제작 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
we deliver outcomes that satisfy everyone.
- 이음외과 반응형 외과 홈페이지제작
- 개발분야 : Website(웹사이트)
이음외과 반응형 외과 홈페이지
[메인 화면 기획]
'수술 결과로 보여드립니다'라는 병원의 자신감을 메인의 중심에 두고, 첫 화면 바로 아래에 전후사진과 치료사례를 나란히 배치해 말보다 결과로 신뢰를 얻도록 기획했습니다.
이어서 이음 TV, 연령대별 치료통계, 9가지 진료강점, 대표원장 소개, 이음소식, 오시는 길 순으로 근거를 단계적으로 쌓아
하지정맥류로 고민하는 환자가 병원을 충분히 비교한 뒤 상담으로 이어지도록 구성했습니다.
메인 디자인 시스템
[메인 디자인]
로고의 비비드 오렌지를 키 컬러로 삼아 히어로 카피의 '건강한·아름다운·기분좋은' 키워드와 섹션 소제목에 반복 적용해 브랜드를 또렷하게 각인시켰습니다.
밝은 화이트 톤의 대기실 사진을 히어로 배경으로 사용해 깨끗하고 편안한 병원의 인상을 전달했고,
치료통계 그래프와 진료강점 영역에는 청량한 블루를 대비색으로 더해 전문 클리닉다운 신뢰감과 정돈된 분위기를 함께 담았습니다.
콘텐츠 디자인 및 정보 구조
[콘텐츠 디자인]
병원 소개, 하지정맥류란, 치료, 커뮤니티로 메뉴를 나누고, 질환 정의와 원인부터
레이저·고주파·베나실·클라리베인 등 치료법, 진료 및 수술 과정까지 환자가 궁금해하는 순서대로 정보를 정리했습니다.
치료법 페이지는 장비 사진과 수술시간·마취·회복기간 아이콘 요약을 먼저 보여주고 주의사항은 번호 리스트로 구분했으며,
진료 과정은 STEP 01·02 단계별 사진 카드로 구성해 초진부터 당일 퇴원까지의 흐름을 한눈에 이해할 수 있게 했습니다.
[웹사이트 UX/UI]
화면 오른쪽 하단에 전화상담·카카오톡상담·네이버예약 버튼을 고정해
어느 페이지에서든 원하는 방식으로 바로 상담을 시작할 수 있도록 했습니다.
전후사진은 Before/After를 좌우로 비교하는 슬라이드로 구성해 결과를 직관적으로 확인하게 했고,
모든 페이지 하단에는 지도와 함께 교대역 1번 출구 위치, 상담전화, 진료시간을 다크 카드로 묶어
내원 결정까지 막힘없이 이어지도록 정리했습니다.
