CLEANTOPIA User & Rider App

Client

CLEANTOPIA

Role

UI/UX Design

Date

2024

App Store

Google Play

세탁의 기준, 크린토피아

크린토피아는 전국 2,000여 개 매장을 보유한 대한민국 No.1 세탁서비스 브랜드입니다. 그동안 크린토피아는 오프라인 매장을 중심으로 사업을 운영해왔으나, 이로 인해 빠르게 성장하고 있는 O2O(Online to Offline) 서비스들과 비교해 디지털 경쟁력에서 다소 뒤처질 수밖에 없었습니다. 이에 크린토피아는 모바일 중심으로 재편되는 시장 환경에 효과적으로 대응하고, 태국·베트남 등 글로벌 시장으로의 진출을 준비하기 위해 모바일 앱의 전면적인 리뉴얼을 추진하게 되었습니다. 저희는 이번 리뉴얼 프로젝트의 목표를 단순한 시각적 개선을 넘어, 고객이 브랜드와 만나는 가장 결정적인 접점으로서 모바일 앱을 재정의하고, 비즈니스 목표를 달성하기 위한 핵심 채널로 발전시키는 데 두었습니다. 고객들이 디지털 공간에서도 세탁 후의 깨끗하고 상쾌한 기분을 느낄 수 있도록, 모든 페이지 사이에 일관된 톤앤매너를 정립하고 복잡했던 세탁 프로세스를 간소화하는 데 초점을 맞추어 UI/UX 디자인을 진행하고, 전체적인 앱 반응 속도를 향상시켜 더욱 매끄럽고 쾌적한 사용 경험을 제공하고자 했습니다.

Eng

공급자관점이 아닌
고객관점으로의 변화

비대면 서비스가 빠르게 확산되면서 세탁 시장에서도 수거.배달서비스가 빠르게 정착하고 있습니다. 이에 따라 이번 프로젝트의 핵심은 ‘매장 중심'에서 ‘서비스 중심'으로 프로세스를 전화해 모바일앱의 사용성을 높이는 것이었습니다. 기존에는 고객이 직접 주변의 매장을 선택한 후 원하는 서비스와 날짜, 시간을 선택하는 방식이었습니다. 그러나 이 방식은 해당 매장에서 제공하는 서비스만 이용가능하고, 매장이 운영하지 않으면 세탁을 맡길 수 없는 불편함이 있었습니다.

이를 해결하기 위해 서비스 중심으로 프로세스를 전환해 고객이 주변 매장을 직접 찾을 필요없이 원하는 서비스와 날짜, 시간을 선택하면 인근 매장을 자동으로 매칭하여 고객의 접근성과 편의성을 높였습니다. 또한 앱을 종료하더라도 세탁바구니에 담긴 내용을 저장해 다시 선택하는 번거로움을 없애고, 신청단계에서 고객의 입력행위를 최소화해 불과 20초 만에 세탁 예약을 완료할 수 있도록 프로세스를 간소화했습니다.

디자인 시스템

크린토피아 모바일앱은 300장이 넘는 다양한 페이지로 구성되어 있습니다. 그렇기 때문에 저희는 개별 페이지의 완성도를 높이는 것을 넘어 전체적으로 일관되고 매끄러운 사용자 경험을 제공하는 데 초점을 맞추어 디자인 작업을 진행했습니다. 브랜드 리뉴얼을 통해 새롭게 정립된 BI 가이드라인을 토대로 모바일앱의 스타일 가이드라인을 제작하고, 컬러, 폰트 뿐만 아니라 버튼, 박스, 아이콘 등 모든 UI 요소를 컴포넌트 단위로 표준화했습니다. 이를 통해 페이지 마다 구성이 달라도 전체적으로 통일된 룩앤필을 유지할 수 있어 사용자가 어디에서든 브랜드 아이덴티티를 자연스럽게 느끼도록 만들었습니다.

또한 GNB(Global Navigation Bar)를 비롯해 탭 메뉴, CTA(Call to Action) 버튼, 아이콘의 크기와 위치, 간격까지 하나의 디자인 시스템을 기준으로 적용함으로써 별다른 학 습없이도 사용자들이 복잡한 정보를 쉽게 탐색하고 직관적으로 서비스를 이용할 수 있도록 고려했습니다.

완성된 서비스 경험을 위한 마지막 터치,
배송 파트너앱

완성된 서비스 경험을 위한
마지막 터치, 배송 파트너앱

완성된 서비스 경험을 위한 마지막 터치,
배송 파트너앱

아무리 세탁 품질이 뛰어나도 세탁 전 세탁물을 수거해 가는 과정과 세탁 후 다시 세탁물을 배달하는 과정이 매끄럽지 않다면 완성된 서비스 경험을 제공할 수는 없겠죠. 그래서 저희는 고객앱과 동시에 크린토피아의 기사님들을 위한 배송파트너앱도 함께 만들었습니다.

이 앱은 당일 수거·배송 물량을 실시간으로 파악하고, 출고부터 배달, 수거, 납품까지 모든 과정을 하나의 플랫폼에서 처리할 수 있도록 설계되었습니다. 또한 출입고 시 QR코드를 통한 스캔 기능으로 배달해야 할 가방수를 정확히 체크하여 사고를 사전에 예방할 수 있도록 고려했고, 빠르게 돌아가는 현장의 특수성을 고려해 배송파트너분들이 당일 물량을 직관적으로 확인할 수 있는 대시보드를 제공하고 네비게이션, 경로편집, 기사변경 등 실제 현장에서 꼭 필요한 기능도 도입했습니다.