프로젝트 배경
1) 문제점
- 기존 서비스는 브랜드의 정체성이 시각적으로 정립되지 않았으며, 화면 간 디자인 톤이 불일치해 사용자 경험에 일관성이 없었습니다.
- UI 요소 간 간격, 색상 대비, 타이포그래피 등에서 가독성과 사용성이 매우 낮은 상태였고, 모바일 환경에서의 이용이 고려되지 않아 접근성과 편의성이 크게 떨어졌습니다.
2) 프로젝트 목표
- 브랜드 정체성을 시각적으로 정의하고, 이를 기반으로 앱 전반의 UI/UX 톤을 통일
- 사용자 흐름에 맞춘 기능 구조 재정비와 가독성·심미성 중심의 시각 재설계
- 기존 웹 사이즈 중심에서 벗어나, 모바일 환경에서의 사용성 최적화를 중심으로 전면 리디자인
3) 주요 관점
- 예약, 할인, 추천 등 주요 기능을 중심으로 콘텐츠 구조를 단순화하고 시각적으로 정돈
- 브랜드 컬러·타이포·UI 컴포넌트를 정리해 디자인 시스템화
- 반응형이 아닌, 모바일 중심 앱 환경에 맞춘 구조 설계 및 화면 흐름 개선
- 기존 서비스는 브랜드의 정체성이 시각적으로 정립되지 않았으며, 화면 간 디자인 톤이 불일치해 사용자 경험에 일관성이 없었습니다.
- UI 요소 간 간격, 색상 대비, 타이포그래피 등에서 가독성과 사용성이 매우 낮은 상태였고, 모바일 환경에서의 이용이 고려되지 않아 접근성과 편의성이 크게 떨어졌습니다.
2) 프로젝트 목표
- 브랜드 정체성을 시각적으로 정의하고, 이를 기반으로 앱 전반의 UI/UX 톤을 통일
- 사용자 흐름에 맞춘 기능 구조 재정비와 가독성·심미성 중심의 시각 재설계
- 기존 웹 사이즈 중심에서 벗어나, 모바일 환경에서의 사용성 최적화를 중심으로 전면 리디자인
3) 주요 관점
- 예약, 할인, 추천 등 주요 기능을 중심으로 콘텐츠 구조를 단순화하고 시각적으로 정돈
- 브랜드 컬러·타이포·UI 컴포넌트를 정리해 디자인 시스템화
- 반응형이 아닌, 모바일 중심 앱 환경에 맞춘 구조 설계 및 화면 흐름 개선
프로젝트 성과
모바일 사용성 중심의 구조 개선
웹 기반 중심 화면을 모바일 흐름으로 재구성하여, 실제 예약/탐색/구매 흐름이 간결해지고 이탈률 감소
브랜드 이미지와 시각 언어 정립
컬러, 로고, 인터페이스 톤 등을 일관성 있게 구성해 브랜드 인지도와 신뢰도 향상
핵심 기능

샵 검색 및 예약 기능
위치 기반 또는 키워드 기반으로 마사지샵을 검색하고 예약까지 연결되는 흐름 구성

할인 및 추천 콘텐츠 큐레이션
타임세일, 사용자 맞춤 추천 등의 할인 요소를 주요 화면에 자연스럽게 노출

모바일 중심 UI 구조
탐색–선택–예약 흐름이 모바일 환경에 최적화되도록 구성된 단순 명확한 인터페이스
진행 단계
기획 및 요구사항 정의
2023.03.
- 시장 및 유사 서비스 리서치
- 브랜드 방향성 설정 및 네이밍/슬로건 기획
- 사용자 흐름 기반 IA(정보 구조) 작성
- 스토리보드 및 와이어프레임 설계
- 브랜드 방향성 설정 및 네이밍/슬로건 기획
- 사용자 흐름 기반 IA(정보 구조) 작성
- 스토리보드 및 와이어프레임 설계
디자인
2023.04.
- 브랜드 아이덴티티(BI) 및 디자인 시스템 구축
- UX 설계 및 사용자 시나리오 흐름 구성
- UI 디자인 및 화면별 시안 제작 (PC/Mobile 대응 포함)
- UX 설계 및 사용자 시나리오 흐름 구성
- UI 디자인 및 화면별 시안 제작 (PC/Mobile 대응 포함)
마감
2023.04.
- 최종 디자인 가이드 정리 (컬러, 타이포, 컴포넌트 등)
- 프로토타입 제작 및 개발 연동용 파일 전달
- 전체 작업 산출물 정리 및 피드백 반영
- 프로토타입 제작 및 개발 연동용 파일 전달
- 전체 작업 산출물 정리 및 피드백 반영
프로젝트 상세
마사지샵 예약 및 할인 서비스를 제공하는 플랫폼의 모바일 앱 리디자인 프로젝트입니다.
기존에는 브랜드 아이덴티티가 없고, 기능별 디자인 톤과 구성도 일관되지 않아 사용자 경험의 통일성이 크게 떨어졌습니다. 또한 모바일 환경으로의 최적화가 되어 있지 않아 접근성과 이용 편의성이 낮은 상태였습니다.
UX 기획과 UI 디자인을 전반적으로 수행하였으며, 브랜드 컨셉을 새롭게 설정하고, 사용자의 실제 사용 흐름을 고려해 기능 구조와 화면 레이아웃을 재정비했습니다. 컬러, 타이포, 버튼 및 콘텐츠 정렬 기준을 포함한 시각 시스템을 정립해 브랜드 경험의 일관성을 강화했습니다.
기존에는 브랜드 아이덴티티가 없고, 기능별 디자인 톤과 구성도 일관되지 않아 사용자 경험의 통일성이 크게 떨어졌습니다. 또한 모바일 환경으로의 최적화가 되어 있지 않아 접근성과 이용 편의성이 낮은 상태였습니다.
UX 기획과 UI 디자인을 전반적으로 수행하였으며, 브랜드 컨셉을 새롭게 설정하고, 사용자의 실제 사용 흐름을 고려해 기능 구조와 화면 레이아웃을 재정비했습니다. 컬러, 타이포, 버튼 및 콘텐츠 정렬 기준을 포함한 시각 시스템을 정립해 브랜드 경험의 일관성을 강화했습니다.
