모마성형외과 홈페이지 제작 — 병원 포트폴리오

Project Overview

아트 컨셉을 담은 모마성형외과 웹사이트

모마성형외과의 반응형 홈페이지를 제작했어요. ‘현대미술관(MoMA)’이라는 독특한 브랜드 콘셉트와 비율을 중시하는 설계 철학을, 화면 전체의 톤과 흐름으로 일관되게 풀어내는 데 집중했어요.

Best Point 00

SEO·AEO·GEO 최적화 서비스

이제 사람들은 검색창이 아니라 ChatGPT·구글 AI·퍼플렉시티에게 “잘하는 곳”을 물어요. 홈페이지가 단순히 검색에 노출되는 것을 넘어, 생성형 AI가 답변할 때 신뢰할 수 있는 출처로 참고하도록 AEO·GEO 구조로 설계 했어요.

SEO가 '노출'이라면 GEO는 'AI의 선택'이에요. 구조화 데이터와 답변형 콘텐츠로 AI가 인용하기 좋은 형태를 갖춰, 시간이 지날수록 쌓이는 장기 자산이 돼요.

Check Point 01

브랜드 철학을 시각화하는 일

‘현대미술이 탄생하는 순간’ 이라는 콘셉트와 ‘비율로 설계한다’ 는 브랜드 철학은 매력적이지만, 자칫 추상적으로만 보일 수 있었어요. 이 감성을 시술 정보와 자연스럽게 연결해, 방문자가 콘셉트와 진료를 함께 이해하도록 만드는 것이 핵심이었어요.

콘셉트가 강한 브랜드일수록, 감성과 정보의 균형이 중요 해요. 무드는 살리되 정보 탐색은 쉽도록 설계하는 데서 시작했어요.

Check Point 02

절제된 여백과 정돈된 구조

미술관을 연상시키는 절제된 여백과 에디토리얼 톤 으로 브랜드 무드를 살리고, 코재수술·처진눈성형·안면거상·리뉴비온 등 전문 분야를 직관적으로 탐색하도록 구성했어요. PC·태블릿·모바일에서 동일하게 최적화되는 반응형으로 제작했어요.

감성적인 메인 흐름과 명확한 시술 내비게이션을 함께 설계해, 분위기와 사용성을 모두 놓치지 않도록 했어요.

Check Point 03

모델 + 자체 일러스트로 차별화

브랜드 컨셉에 맞춘 전용 모델 이미지 셀렉 과, 코성형·안검·안면거상 등 자체 제작 의료 일러스트를 적용했어요. PC·태블릿·모바일에서 동일하게 최적화되는 웹표준 반응형 구조로 설계했어요.

코성형·코재수술·처진눈성형 등 자체 보유한 의료 일러스트로 시술 이해도를 높이고, 타 병원과 차별화된 비주얼을 완성 했어요.

반응형 웹표준
모델 이미지 셀렉
자체 의료 일러스트
모바일 최적화
브랜드 컨셉 디자인
SEO 친화 구조

Main pages

메인페이지 디자인

모마성형외과의 메인 페이지는 ‘현대미술이 탄생하는 순간’이라는 콘셉트가 자연스럽게 전해지도록, 미술관 같은 여백과 에디토리얼 톤으로 첫인상을 설계했어요. 시그니처 시술과 브랜드 메시지를 한 흐름으로 담아, 처음 방문한 사람도 모마만의 무드를 바로 느낄 수 있도록 했어요.

Sub pages