웹사이트콘셉트 데모
포에모라 팝 성형외과
핑크·라임 그래픽의 트렌드 캠페인 무드
18개 화면앱형 탐색 경험
- 누구를 위해
- 트렌드에 민감한 고객과 빠르게 연결되고 싶은 병원
- 무엇이 문제였나
- 다양한 관심 분야를 빠르게 탐색하게 하고 상담 이후 담당자의 다음 행동을 연결하는 과제입니다.
- 무엇을 했나
- 선택형 고민 체크·진료 메뉴·상담 폼과 리드 매칭을 다루는 Vibe HQ를 만들었습니다.
- 무엇이 달라지나
- 고객은 관심 항목을 골라 상담하고, 운영자는 예시 고객을 매칭해 담당자를 배정·확정합니다.
어떻게 움직이나
한 건의 일이 처음부터 끝까지 어떻게 흘러가는지 순서대로 보여드립니다.
고객의 관심 선택과 운영자의 상담 확정
재생을 누르거나 단계를 눌러 순서대로 살펴보세요.
고객 화면의 관심 선택과 운영 화면의 담당자 배정을 각각 체험합니다
- 구성
- 18개 앱 화면
- 핵심 기능
- 트렌드 랭킹
- 화면
- PC·모바일
다양한 관심 분야를 빠르게 탐색하게 하고, 상담 이후 담당자의 다음 행동을 연결합니다.
직접 써보기
가상 브랜드로 만든 데모입니다. 주문·예약·상담은 실제로 전송되지 않습니다.
이렇게 해보세요
- 상단 VIBE HQ의 VIBE LEADS에서 고객 선택 → 바이브 매칭 → 담당자 배정 → 상담 확정을 완료해보세요
- 18 SCREENS 사이트맵에서 바이브 테스트·시술 카탈로그·랭킹·후기·가이드 화면을 열어보세요
- 상세화면의 MY DECISION CHECK에서 고민 항목을 선택하면 상담 준비 버튼이 활성화됩니다
체험 가이드 2개 더 보기
- 안전 기준, 의료진, NEXT VIBES 추천을 비교한 뒤 LET’S TALK YOUR VIBE CTA로 이동해보세요
- 상담 폼을 채우면 실제 전송 없이 포트폴리오용 접수 완료 화면이 표시됩니다
화면 크기를 바꿔 PC와 모바일에서 같은 흐름을 확인할 수 있습니다.
OWN
YOUR
VIBE!
모두의 정답보다 나다운 분위기. 포에모라는 지금의 나를 더 또렷하게 만드는 디자인을 제안합니다.
PICK YOUR MOOD
WHAT'S YOUR
BEAUTY VIBE?
원하는 부위를 눌러 포에모라의 시그니처 디자인을 빠르게 탐색해보세요.
POEMORA EYE SIGNATURE
MY FACE,
MY RULES.
같은 눈 고민도 얼굴의 균형과 원하는 분위기에 따라 접근은 달라집니다. 충분한 진단과 대화로 나에게 필요한 변화를 찾습니다.
MOST LOVED NOW
POEMORA
TREND RANKING
01EYE
포에모라 시그니처 아이
표정을 살리는 섬세한 눈 디자인
02NOSE
라인 밸런스 노즈
옆모습과 정면을 함께 보는 코 디자인
03FACE
소프트 컨투어
나의 골격을 존중하는 윤곽 큐레이션
04LIFTING
리듬 리프팅
표정의 움직임을 고려한 리프팅
FUN MOOD.
SERIOUS CARE.
보이는 무드는 가볍고 즐겁게, 진단과 안전의 기준은 단단하게 지킵니다.
1:1 디자인 진단
유행보다 얼굴의 균형과 원하는 분위기를 먼저 확인합니다.
회복 일정 안내
생활 리듬을 고려한 현실적인 회복 계획을 설명합니다.
전담 커뮤니케이션
상담부터 회복까지 필요한 정보를 일관되게 나눕니다.
기본을 지키는 안전
확인해야 할 항목과 주의사항을 숨김없이 안내합니다.
빠른 상담 신청
내 고민에 맞는 상담을 간편하게 남겨보세요.
PUBLIC SITE + ADMIN OS
보이는 사이트와
운영하는 관리자까지
포에모라 팝 성형외과 같은 공개 화면을 만든다면, 실제 담당자가 매일 사용할 관리자 환경도 함께 설계합니다. 오픈 이후 수정·응대·성과 확인과 장애 대응까지 한 프로젝트로 책임집니다.
통합 어드민 직접 보기상담·예약 캘린더
01관심 분야, 담당자, 예약·방문과 재상담 업무 관리
프로그램·의료진·공지
02진료 정보와 의료진 일정, 이벤트·공지 검수 발행
콘텐츠·배너 CMS
03페이지와 프로모션을 직접 수정하고 승인·예약 발행
고객·문의 CRM
04유입 채널부터 담당자 배정과 후속 업무까지 연결
성과·전환 분석
05방문과 광고비를 문의·예약·주문·매출로 연결
권한·보안·백업
06역할별 권한, 변경 이력과 장애·복구 상태 관리
만든 범위
버블검 핑크, 애시드 라임, 블랙의 강한 대비와 쇼핑 앱의 탐색 문법으로 구성한 팝·트렌드 무드의 18화면 데모입니다. 바이브 테스트, 트렌드 랭킹, 눈·코 메뉴와 시그니처, 윤곽·리프팅·스킨·바디·맨즈, 의료진, 이벤트, 후기, 안전, FAQ, 상담을 컬러별 화면으로 분리하고, Vibe HQ에서는 리드 매칭·캠페인 드롭·커뮤니티·안전 업무를 같은 에너지로 운영합니다. 퀴즈·카탈로그·랭킹 보드·캠페인·팀·커뮤니티·가이드·예약 화면이 각기 다른 인터랙션을 제공합니다.
구현한 기능
- 18개 앱·커머스형 화면사이트맵에서 퀴즈·카탈로그·랭킹·이벤트·커뮤니티·예약 화면을 빠르게 이동
- 팝 컬러 캠페인 아트워크핑크·옐로·라일락·코랄로 구분되는 오리지널 뷰티 비주얼 다섯 장
- 키네틱 슬로건 티커BE YOU·BE BOLD 메시지가 끊김 없이 흐르는 고에너지 브랜드 장치
- 원형 시술 셀렉터눈·코·윤곽·리프팅 원형 카드를 누르면 컬러와 상세 콘텐츠가 함께 전환
- 트렌드 랭킹 캐러셀순위·분야·핵심 메시지를 카드로 탐색하는 가로형 랭킹 인터랙션
- 빠른 상담 플로우상단 버튼·플로팅 액션·하단 바로 진입해 접수 완료까지 진행
4개 더 보기
- Vibe HQ 캠페인 관리자고객 바이브 매칭부터 담당자 배정·상담 확정·CRM 반영, 드롭 순서와 리뷰 공개까지 처리
- 선택형 전환 여정고민 체크리스트·안전 기준·의료진·추천 프로그램을 거쳐 빠른 상담으로 연결
- 무드와 분리한 안전 정보즐거운 비주얼 안에서도 진단·회복·커뮤니케이션 기준을 명확히 전달
- 모바일 카드 경험세로 히어로, 2열 원형 메뉴, 스와이프형 랭킹에 맞춘 전용 레이아웃
사용한 기술
Next.js · React · TypeScript · TailwindCSS · Framer Motion · OpenAI Image Generation
확인된 사실
- 무드
- 팝·트렌드
- 구성
- 18개 앱 화면
- 핵심 기능
- 트렌드 랭킹
- 화면
- PC·모바일
데모의 구현 범위입니다. 실제 고객 성과가 아니며, 브랜드와 인물은 체험을 위해 만든 가상 콘셉트입니다.