Skip to main content
데브파이브
Leave 1:1 Inquiries — Mobile Mockup
Screen: 1:1 inquiry writing screen displayed on smartphone above cafe table (a latte next to it)
Status bar: 09:41
Leave 1:1 inquiry
Enter an item
Type Start-up Inquiries ▾
Immediate start-up ▾
Please enter the rank of rank of rank of rank of rank of rank of rank
Please enter the desired cost of interior design
Please enter your contact number or email
Please enter the contents
Bottom button: To inquire
CafeMaker

This project focused on UI/UX improvements for the CafeMaker platform, a cafe startup support service designed to reduce risk through personalized estimates and consulting, while helping founders strengthen competitiveness through market trends and concept differentiation.


To meet the client’s request for higher operational efficiency, we redesigned and rebuilt key interfaces across both web and app environments—especially the trade-area analysis feature and the inquiry management system—so founders can use the platform’s core functions more intuitively and efficiently.


As a result, the platform significantly improved accessibility to essential startup information and increased workflow efficiency across the preparation journey, enabling founders to plan their business more systematically and confidently.

md

코드 복사


Production Period2024. 09 - 2024. 10
ClientCafeMaker
TechnologiesReact Native
Client Requirements
& Project Direction
Through client interviews and consultations we derived the project's core requirements, and based on those insights we designed it around five areas that needed improvement from user experience and brand perspectives.
1.
Implement a full web and app UI redesign reflecting the step-by-step startup preparation flow
2.
Design an analysis UI that improves commercial-area data delivery through map-based visualization
3.
Build an inquiry management feature covering registration through response confirmation
4.
Provide a touch-based, user-friendly UX that non-experts can use easily
5.
Strengthen professionalism with responsive design unifying tone across PC and mobile apps
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.color — Color system
Main color
Label HEX Swatch
Primary #F1EFE3 Ivory
Primary Bg #FEF2 Light Ivory
Secondary #222220 Dark Gray
Grayscale (Stage 6)
Step HEX
Choi List #FFFFFFFF
Medium #D4D4D0
The most important part #000000color — Color system
Main color
Label HEX Swatch
Primary #F1EFE3 Ivory
Primary Bg #FEF2 Light Ivory
Secondary #222220 Dark Gray
Grayscale (Stage 6)
Step HEX
Choi List #FFFFFFFF
Medium #D4D4D0
The most important part #000000
Typography
& Color System
We established a systematic color system with brightness contrast that considers users' visual comfort, and designed easily extensible typography and shared components to deliver a consistent brand experience.color — Color system
Main color
Label HEX Swatch
Primary #F1EFE3 Ivory
Primary Bg #FEF2 Light Ivory
Secondary #222220 Dark Gray
Grayscale (Stage 6)
Step HEX
Choi List #FFFFFFFF
Medium #D4D4D0
The most important part #000000color — Color system
Main color
Label HEX Swatch
Primary #F1EFE3 Ivory
Primary Bg #FEF2 Light Ivory
Secondary #222220 Dark Gray
Grayscale (Stage 6)
Step HEX
Choi List #FFFFFFFF
Medium #D4D4D0
The most important part #000000

Take the for your business,

All you need is an idea. From the first consultation to launch, DevFive is by your side.
Contact Us Now
Quick Inquiry