HAERTZ | Notion

<aside>

_스플래시 화면.png

</aside>

<aside>

HAERTZ는 2025 블레이버스 MVP 개발 해커톤을 통해 진행된 프로젝트입니다.

‘헤어 컨설팅 예약 플랫폼’이라는 창업 아이디어를 기반으로 MVP를 설계·구현하였습니다.

저는 UX/UI 디자이너로 참여하여 예약 흐름을 단순화하고 직관적으로 만드는 것에 집중했습니다.

특히 캘린더 기반의 예약 UI를 설계하여 사용자가 날짜와 시간을 한눈에 확인하고 선택할 수 있도록

구성하였습니다.

또한 디자이너를 카테고리별로 분류하여, 사용자가 원하는 컨설팅 유형에 빠르게 접근할 수 있도록 정보 구조를 설계했습니다. 각 디자이너의 전문 분야는 자기소개 하단에 태그 형태로 시각화하여, 전문성을

직관적으로 파악할 수 있도록 하였습니다.

전체적으로 사용자가 원하는 디자이너를 탐색하고 예약까지 도달하는 과정을 최소 단계로 줄이는 것을 핵심 목표로 설계하였습니다.

</aside>

_스플래시 화면.png

스플레시 화면

로그인.png

로그인 화면

메인.png

메인 화면

디자이너-펌.png

디자이너 화면

이초 디자이너.png

디자이너 자세히보기 화면

이초-비대면 컨설팅 예약.png

예약 화면

카카오 페이.png

결제 화면

예약 완료.png

예약 완료 화면

예약 취소 여부.png

예약 내역 화면

마이 페이지.png

마이 화면

🛠️ 사용한 툴

Figma 기반 UI/UX 설계 및 프로토타이핑

서비스 콘셉트에 맞춰 사용자 여정을 정의하고, 예약 탐색부터 최종 확정까지의 흐름을 단계별로 설계

하였습니다.

Figma를 활용해 와이어프레임을 제작한 뒤, 실제 사용 시나리오를 기반으로 인터랙션이 포함된 프로토타입을 구현하였습니다.

특히 캘린더 중심의 예약 구조를 설계하여 사용자가 날짜와 시간을 직관적으로 선택할 수 있도록 정보 구조를 단순화하였습니다.

또한 컬러, 타이포그래피, 버튼 및 카드 컴포넌트를 디자인 시스템으로 정리하여 화면 간 일관성을 유지하고 확장성을 고려한 UI 구조를 설계하였습니다.