snug© Insight

Work / Web & App

트리니티여성의원

여성 전문의 두 사람이 진료하는 강남 산부인과를, 의료진의 얼굴과 깊은 녹색으로 차분하게 소개하는 병원 사이트입니다.

Client
트리니티여성의원
Category
병원 · 의료
Service
Website · 기획 · 디자인 · 구축
Platform
반응형 PC / 모바일
트리니티여성의원 — 대표 장면

overview

당신의 마음을 깊이 이해하고

트리니티여성의원은 강남 신사역에서 여성 산부인과 전문의 두 사람이 진료하는 병원입니다. 첫 화면은 수술실의 두 원장 사진으로 열어, 광고 문구보다 「누가 진료하는지」 를 먼저 보여 줍니다.

design

깊은 녹색과 따뜻한 베이지

색은 숲 같은 짙은 녹색을 기준으로, 베이지 바탕과 흰 글을 나눠 썼습니다. 로고 「TRINITY」 와 「Dr. TRINITY」 는 세리프로 품위를 주고, 본문은 Pretendard 로 읽기 쉽게 했습니다. 오른쪽에는 네이버예약 · 카톡상담 · 온라인예약 · 오시는길 단추를, 아래에는 한 줄 상담 신청 칸을 늘 두었습니다.

  • Forest #2F3A2C 첫 화면 · 단추
  • Sage #3B542D 예약 단추
  • Beige #F1E7DE 바탕
  • Ink #1A2016 글
  • Aa 세리프 — 로고 · 영문 제목
  • 가나다 Pretendard — 한글

pages

의료진 · 장비 · 오시는 길

병원 소개는 「우리 몸과 마음을 돌보는 시간」 으로 시작해 의료진 소개 · 장비 소개 · 오시는 길을 같은 꼴의 탭으로 잇습니다. 화면마다 원장 사진을 크게 깔고 제목 두 줄과 짧은 설명만 얹어, 산부인과에 오는 마음의 부담을 덜게 했습니다.

트리니티여성의원 — 의료진 · 장비 · 오시는 길
트리니티여성의원 — 의료진 · 장비 · 오시는 길
트리니티여성의원 — 의료진 · 장비 · 오시는 길
트리니티여성의원 — 의료진 · 장비 · 오시는 길
트리니티여성의원 — 의료진 · 장비 · 오시는 길
트리니티여성의원 — 의료진 · 장비 · 오시는 길

mobile

예약 단추는 늘 엄지 아래

휴대폰에서는 아래에 네이버예약 · 카카오상담 · 온라인예약 세 단추를 고정해, 어느 화면에서든 한 번에 예약으로 갑니다. 「Dr. TRINITY」 의료진 사진은 두 칸 격자로 쌓았습니다.

트리니티여성의원 — 예약 단추는 늘 엄지 아래
트리니티여성의원 — 예약 단추는 늘 엄지 아래
트리니티여성의원 — 예약 단추는 늘 엄지 아래
Client
트리니티여성의원
Design
snug
Build
snug — 코딩

More Web & App