웹사이트콘셉트 데모
포에모라 헤리티지 성형외과
여백과 신뢰를 중심으로 한 헤리티지 무드
18개브랜드 아카이브
- 누구를 위해
- 시간이 쌓인 신뢰와 안전을 차분히 증명하려는 병원
- 무엇이 문제였나
- 진료·안전 정보를 차분하게 전달하고 상담 이후 운영까지 한 흐름으로 보여주는 과제입니다.
- 무엇을 했나
- 진료 아카이브·상담 폼과 안전 확인·회복 후속 연락을 다루는 Care Office를 만들었습니다.
- 무엇이 달라지나
- 방문자는 상담을 접수하고, 운영 체험에서는 안전 항목 확인과 의료진 최종 확인을 진행합니다.
어떻게 움직이나
한 건의 일이 처음부터 끝까지 어떻게 흘러가는지 순서대로 보여드립니다.
고객의 상담 접수와 운영자의 안전 확인
재생을 누르거나 단계를 눌러 순서대로 살펴보세요.
고객 화면에서 상담을 접수하고, 운영 화면에서 안전 확인을 따로 체험합니다
- 구성
- 18개 아카이브
- 핵심 기능
- 상담 예약 플로우
- 화면
- PC·모바일
시간이 쌓인 신뢰와 안전을 과장 없이 보여줍니다.
직접 써보기
가상 브랜드로 만든 데모입니다. 주문·예약·상담은 실제로 전송되지 않습니다.
이렇게 해보세요
- 상단 CARE OFFICE에서 3가지 수술 전 안전 항목을 확인하고 의료진 최종 확인까지 완료해보세요
- 상단 18 PAGES에서 철학·역사·의료진·진료·안전·회복·공간 페이지를 열어보세요
- 진료 상세페이지를 끝까지 스크롤해 상담 전 질문, 의료진 철학, 회복 기준과 연관 기록을 확인해보세요
체험 가이드 2개 더 보기
- 페이지 하단 1:1 상담 예약 버튼으로 이름·연락처·관심 분야 입력과 접수 완료까지 진행해보세요
- 모바일 보기에서는 아카이브 메뉴와 하단 고정 상담 동선이 세로 화면에 맞춰 재배치됩니다
화면 크기를 바꿔 PC와 모바일에서 같은 흐름을 확인할 수 있습니다.
BEAUTY, WRITTEN IN YOUR OWN RHYTHM
유행보다 오래 남는,
나다운 결
포에모라는 더 많이 바꾸는 곳이 아니라,
당신에게 이미 있는 아름다움의 리듬을 읽는 곳입니다.
SIGNATURE DESIGN
한 부위가 아닌, 한 사람을 봅니다
포에모라의 네 가지 시그니처 디자인을 눌러 살펴보세요.
POEMORA EYES DESIGN
표정보다 먼저 말하지 않는 눈
눈 하나만 크게 보는 대신 이마·눈썹·중안부의 흐름까지 함께 읽고, 원래의 인상이 자연스럽게 또렷해지는 방향을 설계합니다.
표정 분석
정면과 웃을 때의 움직임을 함께 확인합니다.
라인 디자인
유행보다 얼굴에 남아 있는 고유한 선을 우선합니다.
회복 동선
수술 전후 일상 복귀 계획까지 상담에 포함합니다.
WHY POEMORA
변화의 크기보다
방향의 정확함
포에모라라는 이름에는 얼굴에 이미 쓰여 있는 고유한 문장을 존중한다는 뜻을 담았습니다. 상담은 그 문장을 함께 읽는 일에서 시작합니다.
Read the face
얼굴을 먼저 읽습니다
한 부위만 떼어 보지 않고 비율, 표정, 생활 습관까지 충분히 듣고 관찰합니다.
Design the balance
균형을 설계합니다
유행하는 모양보다 시간이 지나도 낯설지 않은 개인의 균형을 찾습니다.
Care the process
과정까지 돌봅니다
수술 전 검사부터 회복 안내까지 같은 기준과 목소리로 연결합니다.
POEMORA SPACE
머무는 순간부터 편안하도록
SAFETY & CARE
안심은 장비의 이름보다
운영의 디테일에서 시작됩니다
검사, 계획, 수술, 회복이 서로 끊기지 않도록 필요한 정보를 같은 기준으로 기록하고 설명하는 진료 경험을 설계했습니다.
수술 전 체크 프로토콜
문진·검사·복용 정보와 당일 체크 항목을 한 흐름으로 확인합니다.
회복 단계별 안내
귀가 직후부터 일상 복귀까지 시기별 주의사항을 구분합니다.
같은 목소리의 커뮤니케이션
상담에서 정한 방향이 진료 과정 전체에 일관되게 이어집니다.
YOUR JOURNEY
결정은 천천히, 과정은 선명하게
첫 질문부터 회복 체크까지 다음 단계를 미리 알 수 있도록 구성했습니다.
충분한 대화
원하는 변화와 지키고 싶은 인상을 구분합니다.
입체 진단
정면·측면·표정에서 달라지는 균형을 확인합니다.
맞춤 디자인
가능한 범위와 예상 회복 과정을 함께 설명합니다.
회복 체크
시기별 주의사항과 내원 계획을 한눈에 안내합니다.
PRIVATE CONSULTATION
아직 수술명을 몰라도 괜찮습니다.
고민부터 들려주세요.
PUBLIC SITE + ADMIN OS
보이는 사이트와
운영하는 관리자까지
포에모라 헤리티지 성형외과 같은 공개 화면을 만든다면, 실제 담당자가 매일 사용할 관리자 환경도 함께 설계합니다. 오픈 이후 수정·응대·성과 확인과 장애 대응까지 한 프로젝트로 책임집니다.
통합 어드민 직접 보기상담·예약 캘린더
01관심 분야, 담당자, 예약·방문과 재상담 업무 관리
프로그램·의료진·공지
02진료 정보와 의료진 일정, 이벤트·공지 검수 발행
콘텐츠·배너 CMS
03페이지와 프로모션을 직접 수정하고 승인·예약 발행
고객·문의 CRM
04유입 채널부터 담당자 배정과 후속 업무까지 연결
성과·전환 분석
05방문과 광고비를 문의·예약·주문·매출로 연결
권한·보안·백업
06역할별 권한, 변경 이력과 장애·복구 상태 관리
만든 범위
부드러운 그린과 아이보리, 넓은 여백으로 병원의 시간과 신뢰를 표현한 헤리티지 무드의 18페이지 인터랙티브 데모입니다. 철학·역사·의료진·눈·코·윤곽·리프팅·안티에이징·안전·마취·회복·공간·소식·오시는 길·상담을 하나의 진료 아카이브로 연결하고, 같은 무드의 Care Office에서 상담·수술·회복·콘텐츠 운영까지 체험하도록 구성했습니다. 페이지 유형에 따라 에세이, 연혁, 의료진 프로필, 진료 클리닉, 안전 아코디언, 공간 화보, 공지 목록, 예약 폼의 서로 다른 화면 문법을 적용했습니다.
구현한 기능
- 18페이지 헤리티지 아카이브홈을 포함한 18개 페이지를 About·People·Clinic·Standard·Care·Place로 체계화
- 오리지널 캠페인 아트디렉션히어로·눈·코·윤곽·클리닉 공간 비주얼을 포에모라 전용 이미지로 제작해 하나의 촬영 캠페인처럼 통일
- 시그니처 진료 탐색눈·코·윤곽·리프팅 카드를 선택하면 철학·키워드·진단 포인트가 즉시 전환
- 브랜드 스토리텔링“유행보다 오래 남는 나다운 결”을 중심으로 카피, 컬러, 세리프 타이포, 모션을 일관되게 구성
- 안심 시스템 섹션수술 전 체크, 회복 안내, 일관된 커뮤니케이션을 공간 이미지와 함께 전달
- 1:1 상담 플로우관심 부위 선택 → 이름·연락처 검증 → 필수 동의 → 접수 완료까지 3단계 인터랙션
5개 더 보기
- 전환 중심 퀵 액션헤더·히어로·부위 상세·하단 CTA·플로팅 버튼 어디서나 상담 플로우로 자연스럽게 연결
- 상담 결정 가이드상담 전 질문·4단계 케어·의료진 철학·연관 기록을 거쳐 1:1 예약으로 연결
- Care Office 운영 관리자상담 단계·수술 안전 확인·회복 후속 연락·의학 검수 콘텐츠를 한 흐름에서 처리하는 전용 관리자
- 의료 광고 톤 가드전후 과장 이미지와 결과 단정 표현을 배제하고 콘셉트·가상 이미지·개인차 안내를 명시
- PC·모바일 반응형캠페인 구도, 메뉴, 진료 카드, 상담 패널을 디바이스별로 재배치한 전용 레이아웃
사용한 기술
Next.js · React · TypeScript · TailwindCSS · Framer Motion · OpenAI Image Generation
확인된 사실
- 무드
- 헤리티지·신뢰
- 구성
- 18개 아카이브
- 핵심 기능
- 상담 예약 플로우
- 화면
- PC·모바일
데모의 구현 범위입니다. 실제 고객 성과가 아니며, 브랜드와 인물은 체험을 위해 만든 가상 콘셉트입니다.