Paul Bassett

언제, 어디서나

Paul Bassett Society

Mobile UI/UX Redesign

2022.05 - 2022.06

Adobe illustrator

Adobe XD

Period

Project

Tool

Overview

폴 바셋 애플리케이션은 브랜드 회원을 위한 카페 멤버십 서비스 애플리케이션 입니다.

주 기능인 모바일 사전 주문 시스템 Crown Order 외에 카드 등록 및 충전, 이용내역 조회 등의 서비스를 제공합니다.

최근 프랜차이즈 카페의 애플리케이션 도입이 증가하고있습니다.

다양한 카페 애플리케이션을 비교했을 때 시각적, 기능적으로 부족해 보이는 폴 바셋을 선정하게 되었습니다.

“언제, 어디서나 Paul Bassett Society”

왜 선정했을까?

User Analysis

제품 소개 페이지

폰트의 가독성

폰트가 작고 배경과의 대비가 낮아

눈에 피로함을 줄 수 있다.

주문 화면

이미지, 메뉴 설명 부족

더보기를 터치 해야만 메뉴의

큰 이미지와 설명을 확인 가능.

여백 부족

버튼 사이에 여백이 부족해서

사용자가 터치를 실수할 수 있음.

출처: 와이즈앱 비교하기 #243

20대

17.2%

4.42%

10대 30대

30.2%

40대

35.0%

50대

13.0%

[연령별 카페 애플리케이션 이용자]

여성

남성

24.6%

75.3%

[성별에 따른 카페 애플리케이션 이용자]

앱스토어 점유율 상위 4개 카페 애플리케이션의 자료를 조사해 분석해 평균값을 낸 결과

카페 애플리케이션의 주 사용자는 30~40대 여성이었습니다.

폴 바셋 앱스토어에서 사용자 리뷰를 조사하여

좋은점, 개선할 점을 3가지로 추렸습니다.

Good

Bad

User Review

폴 바셋 애플리케이션의

SWOT 분석

SWOT

폴 바셋 애플리케이션의

기존 UI/UX 분석

UI/UX Analysis

중복되는 카테고리가 있어요.

Crown Order와 Quick Order의

차이를 모르겠어요. 헷갈려요!

터치가 불편해요.

버튼이 작아서 잘못 터치하게 됩니다.

개선 해주세요!

메뉴 설명이 없어요.

처음 보는 메뉴를 주문하고싶은데,

메뉴에 대한 설명이 없어요.

멤버십 확인이 편리해요.

애플리케이션에서 등급과

결제 내역을 확인할 수 있네요!

사전 주문이 너무 유용해요!

주문 단계를 알려줘서 시간 맞춰

픽업 할 수 있어요.

편리하네요!

앉아서 클릭클릭 주문하니까 편하네요.

줄 서서 기다릴 필요도 없어요!

비대면 사전 주문 서비스

앱 내 기프트 카드 구매, 선물 가능

MD구매, 홀케이크 예약 기능

Strength

애플리케이션 홍보 부족

애플리케이션 완성도 부족

올드한 디자인

Weakness Opportunity

커피 소비량이 계속해서 증가

고급 커피 수요 증가

커피 프랜차이즈의 애플리케이션 시장 확대

배달 어플리케이션의 포장 주문 기능 확대

Threat

단조로운 디자인

한 가지 컬러만을 사용해서 단조롭게

디자인. flat하고 버튼의 깊이감도

없어서 지루하고 미완성처럼 보이기도 함.

홈 화면

신제품 홍보

신제품, 이벤트를 적극적으로 노출하면

홍보나 매출에 긍정적인 영향을 줄 수

있을것으로 예상.

메뉴 아이콘 통일성 부족

아이콘 크기와 폰트의 통일성이 없고

아이콘의 일관성도 부족.

동기

“근무에 지장이 가지 않도록 피곤함을 컨트롤해야 돼”

목적/Needs

가격보다 커피의 맛이 더 중요해.

쉬는 시간에 커피를 빠르게 주문하고 싶어.

야간 근무 날에는 커피가 꼭 필요해.

젊은 후배 직원들과 유대감을 쌓고 싶어.

방해 요인

커피 전문점은 픽업 시간을 예측할 수 없어 편의점 커피를

자주 이용해.

동료들의 커피까지 주문하려면 시간이 오래 걸릴거야.

커피 전문점까지 가서 주문하기엔 쉬는 시간이 짧은 날도 있어.

태도

스마트 기기 사용이 미숙하다.

생활 정보는 대부분 지인에게 습득.

최근 주문한 메뉴

Thoughts

Emotion

Journey

사용후

피곤하니까 빠르게

커피를 사오자.

컨디션 저조

폴 바셋에 사전 주문 기능이

있다고 들었는데, 써볼까?

앱 설치

회원가입을 해야 사전

주문 기능을 사용할 수 있네

동료 직원들 음료도

포장해오자

픽업 예상시간을 알려줘서

효율적으로 시간을 쓸 수 있네

매장에서 대기하는 시간 없이

바로 픽업이 가능해서 좋다

컨디션이 회복 돼 근무에

집중할 수 있게 됐어

커피 취음 후

컨디션 회복

사용중

사용전

회원가입

회원가입 및 로그인알림 허용

카메라 및 위치 정보 접근

(바코드 인식)

나만의 메뉴

메뉴 상세 및 옵션 변경

매장/메뉴 선택

매장 사진 확인 가능 제휴/할인 적용

포장 및 결제

주문

픽업 예상 시간 알림

픽업 준비 완료 알림

픽업

리서치를 통한 자료를 토대로

폴 바셋 사용자를 위한 UX 디자인 제안

UX Vision

폴 바셋 애플리케이션의

UI/UX 개선 방안입니다.

As is, To be

리서치를�통해�분석한�주요�타겟을�토대로

페르소나를�작성�했습니다.

Persona

Wireframe

페르소나의 생각을 포함한 사용자 여정 지도를

작성했습니다.

Journey Map

리서치와 UX Vision, 개선 방안을 토대로

UX/UI 키워드를 도출했습니다.

Keyword

Overview

성격

Device

iphone 12

도심의 대학 병원에서 간호사로 일하고있는 김소정 씨.

항상 바쁜 업무와 3교대 스케줄로 불규칙한 생활을 한다.

만성 피로에 시달리는 김소정 씨에게 커피는 필수가 되었다.

외향적

꼼꼼함 계획적

간호사

김소정 (38세)

기존의 폴 바셋 애플리케이션은 메뉴 설명 부족, 카테고리 중복, 불편한

UI 디자인 등 사용자들의 경험에 불편함을 줄 수 있는 요소들이 있었습니다.

기존의 단점들을 한 번에 해결할 수 있는 “누구나 쉽게”로 UX Vision을 선정했습니다.

누구나 쉽게

사용자 여정지도를 기반으로 한

App구조 설계 & UI 기획 및 디자인

기존 정보구조에서 불필요한,

중복되는 카테고리를 개선하였습니다.

알림

알림 내역

홈

스플래쉬

전체메뉴

장바구니

픽업알림

로그인

회원가입

결제

매장찾기

주문완료

상세메뉴

크라운�오더

폴 바셋 애플리케이션 UI/UX 디자인을 위한

스타일 가이드 입니다.

Color

Logo

Pretendard

Paul Bassett

폴 바셋

Typography

Icon

Style Guide

#FF0033

Point

#E9E9E9

#333333

#EEE9E5

#999999

#FFFFFF

JOIN

누구나 쉽게,

Paul Bassett Society

로그인, 회원가입을 통해

폴 바셋 멤버십 혜택을 누리세요.

MAIN

사용자에게 필요한 정보와

기능을 한눈에

앱 주요 기능인 크라운 오더를 눈에 띄게 배치하고

필요한 정보와 기능을 메인페이지에 담았습니다.

PAY & PICK UP

결제 완료 후 예상시간과

픽업 알림까지

예상시간에 맞춰 메뉴를 픽업하세요.

기다리지 않아도 됩니다.

ORDER

쉽고 빠르게

Crown Order

폴 바셋 앱의 사전 주문 기능

Crown Order를 편리하게 사용하세요.

즐겨찾기�버튼으로�나의매장�추가현재�선택된�매장�확인�가능 메뉴�이미지, 설명�한눈에�확인 장바구니에서�수량�변경�가능

자주�사용하는�카테고리를�상단에�배치

크라운오더, 퀵오더�통일

신메뉴, 이벤트�노출

주문�메뉴�이미지로�확인�가능 픽업�예상시간과�과정�안내 모달창으로�알림�확인

Thank You