← 작업 목록01 · 웹사이트2025

장편한외과의원

수원 대장·항문외과 의원. 진료 과목 두 축을 중심으로 메뉴를 다섯 개로 정리하고, 첫 화면에 의료진의 신뢰 요소를 앞세운 홈페이지.

클라이언트
장편한외과의원 · 수원
역할
기획 · 카피 · 디자인
범위
사이트맵 · 메인 카피 · 반응형 · [노코드 퍼블리싱]
툴 · 연도
[Figma · 노코드 툴명] · 2025
장편한외과의원 웹사이트 첫 화면
01 · 개요

두 진료 축이 첫 메뉴에서 보이고,
어디서든 예약으로 이어지는 구조

항문외과와 위·대장내시경. 의원이 가진 두 개의 진료 축을 메뉴 한가운데 두고, 화면 어느 위치에서든 예약과 문의로 넘어갈 수 있게 설계했습니다.

01덜어낸 것

슬로건과 소개 문구 대신 자격 체크리스트

첫 화면 좌측에 세부전문의 · 전임의 · 수상 이력 여섯 줄만 두어 “누가 진료하는지”가 먼저 읽히게 했습니다.

02보여준 순서

메뉴 다섯 개, 클리닉 두 개가 가운데

홈 · 병원소개 · 항문외과클리닉 · 위·대장내시경클리닉 · 병원소식. 진료 과목이 메뉴의 중심에 오도록 순서를 잡았습니다.

03예약 동선

네이버 예약 · 전화 · 유튜브 · 블로그 고정 버튼

화면 오른쪽에 네 개의 버튼을 고정해 스크롤 위치와 상관없이 예약과 문의로 연결됩니다.

[성과 수치는 확인 후 기재]

장편한외과의원 · 홈
장편한외과의원 웹사이트 홈 전체 화면 (데스크톱)
장편한외과의원 웹사이트 홈 전체 화면 (모바일)
02 · 디자인 — 홈 전체 화면데스크톱 · 모바일
03 · 서브 페이지

같은 머리, 같은 목소리로
이어지는 안쪽 페이지

04 · 컬러 & 타입

아이보리 · 네이비 · 골드

Warm Ivory#FCFAF3
바탕
Deep Navy#132132
제목
Antique Gold#83632E
강조
Sand#B09A76
아이콘 · 보조
Ink#222323
본문
제목 · 메인 카피정성[Noto Serif KR · 확인 필요] · Regular / Medium
본문 · 메뉴 · 리스트진료[Pretendard · 확인 필요] · Regular / Medium
05 · 목업

모니터에서, 노트북에서

다음 작업 · 웹사이트

으뜸성모마취통증의학과의원 →

으뜸성모마취통증의학과의원 웹사이트 노트북 목업