유메이비 | 비젠소프트

PORTFOLIO

다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.

Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.

PORTFOLIO

유메이비 2025/12

시술 페이지 디자인 및 브랜드 톤 구성

[콘텐츠 디자인]

로고의 브론즈 골드와 딥 브라운을 기준 컬러로 정하고, 시술마다 히어로의 배경 톤과 모델 컷을 달리해

같은 틀 안에서도 시술별 인상이 분명하게 구분되도록 디자인했습니다.

타이틀 위에는 같은 카테고리의 시술 목록을 함께 노출해 올리지오에서 울쎄라피·써마지 등으로 자연스럽게 비교하며 이동할 수 있게 했습니다.

'합리적인 비용으로 만나는 국산 고주파 리프팅'처럼 한 줄 카피로 시술의 핵심 가치를 가장 먼저 전달하도록 구성했습니다.

데스크톱 시술 정보 구조
유메이비 사용 방법 및 적용 절차 설명 이미지

[데스크톱 디자인]

시술 소개부터 특징·원리·효과·장점·과정·추천 대상·주의사항·Q&A까지 모든 시술 페이지에 같은 흐름을 적용해,

처음 방문한 고객도 익숙한 순서로 정보를 읽을 수 있게 했습니다.

원리와 과정은 번호가 붙은 단계 카드로, 효과는 원형 인물 컷과 넘버링 리스트로 시각화했고,

루비레이저·피코토닝·레이저토닝처럼 세부 시술이 나뉘는 경우에는 탭으로 전환하도록 했습니다.

공통 장점은 토프 컬러 띠로 강조해 긴 상세페이지에 리듬을 더했습니다.

모바일 반응형 최적화

[모바일 UX/UI]

모바일에서는 로고와 햄버거 메뉴만 남긴 간결한 헤더로 화면을 넓게 쓰고,

데스크톱의 가로 단계 카드를 세로로 쌓아한 손 스크롤만으로도 시술 원리를 순서대로 읽을 수 있게 재구성했습니다.

추천 대상은 아이콘 리스트로, Q&A는 펼침형 아코디언으로 정리해 작은 화면에서도 필요한 정보만 골라 볼 수 있게 했습니다.

시그니처 슬라이드에는 '빠른 문의' 버튼을 두어 탐색 중 바로 상담으로 이어지도록 했습니다.

[웹사이트 UX/UI]

화면 우측에 네이버·카카오톡·유튜브 퀵메뉴와 TOP 버튼을 고정해

어떤 시술 페이지에서든 예약과 상담으로 곧바로 이동할 수 있게 했습니다.

섹션마다 은은한 'UMEI B Clinic' 워터마크와 밝은 그레이·아이보리 배경을 반복해

긴 상세페이지에서도 브랜드 인상이 흐트러지지 않게 했습니다.

데스크톱과 모바일 모두 같은 콘텐츠 순서를 지켜 기기와 상관없이 일관된 경험을 제공합니다.