집반찬연구소

Branding Strategy & Design UX & Service Planning app 2022
프로젝트 개요
집반찬연구소 웹, 모바일 UX/UI 리뉴얼 프로젝트는 인지 프로세스 검증을 바탕으로
기존 플랫폼의 문제점을 분석하여 UX 개선 전략 제안부터
브랜드 가이드 제작 및 적용까지 토탈 솔루션을 제공하였습니다.
시간을 선물합니다.
프리미엄 반찬, 집반찬연구소.
as-is
인지 프로세스를 방해하는 UX/UI로 인해
사용성이 떨어지며 구매, 주문, 배송방법 선택 등
주요 기능의 플로우가 복잡하다.
브랜드 가이드 부재로 전반적인 어플리케이션 요소가
일관적이지 않아 통일성과 심미성이 떨어진다.
to-be
UX/UI 비주얼 패턴을 전반적으로 개선하여
시인성과 사용성을 높였습니다.
또한, 브랜드 가이드를 일관적으로 적용하여
사용자에게 질적 만족감을 제공합니다.
프로젝트 목표
UXUI 비주얼 패턴을 전반적으로 개선하여 시인성과 사용성을 높였습니다.
또한, 브랜드 가이드를 일관적으로 적용하여 사용자에게 질적 만족감을 제공합니다.
상품정보, 주문결제 등
주요 기능 flow를
개선합니다.
인지 과정 검증에
기반한
비주얼 패턴을
개선합니다.
인터페이스에
디자인적 요소를
일관적으로 적용합니다.
사용자 인지 과정
사용자의 인지 프로세스를 중심으로 기존 플랫폼에서
개선이 필요한 지점을 도출합니다.
01 지각
누를 수 있는 버튼인지, 읽기만 가능한 콘텐츠인지 판단할 수 있는 비주얼 패턴이 모든 요소에 적용되어 있는가?
02 비주얼패턴
사용자가 의도를 갖고 기능이나 서비스를 수행하는 과정에서 모든 요소가 시선의 흐름 안에 위치하는가?
03 상황인지
사용자의 디바이스 사용 능력은 어떤 수준인가?
04 기억
다른 앱과 유사한 방식으로 사용할 수 있는가? 사용 방법을 쉽게 학습하고 기억할 수 있는가?
05 행동
서비스를 실제로 사용하는 과정에서 기능 상의 오류가 없는가?
지각
상품 카테고리, 목록
  • 필터 기능이 쉽게 인지되는가
  • 상품 태그의 색상과 형태가 명료하게 인지되는가
  • 키워드 기반 검색이 용이한가
이야기
  • 게시글 내용이 섹션 별로 구분이 잘 되는가
비주얼패턴
상품 카테고리, 목록
  • 구매하기 버튼이 쉽게 인지되는가
  • 버튼, 탭 구조가 정상적인 형태인가
  • 상품 태그의 형태와 스타일이 정상적인가
  • 배너 및 버튼이 클릭 가능한 형태로 인지되는가
마이페이지
  • 하위 메뉴를 클릭가능한 형태로 쉽게 인지할 수 있는가
상황인지
상품상세
  • 상품 정보 및 고객후기, 별점 등의 정보를 한눈에 용이하게 파악할 수 있는가
이야기
  • 전반적인 레이아웃, 타이포그래피, 자간 등이 내용이 한눈에 들어오기에 용이하게 구성되어 있는가
기억
상품 카테고리
  • 검색창 내 태그와 카테고리를 이동하며 상품을 탐색하는 것이 용이한가
  • 아이콘이 일관적으로 적용되어 있는가
GNB
  • 아이콘이 관습적인 형태로 인지되는가
  • 아이콘이 일관적으로 적용되어 있는가
행동
상품 카테고리
  • 필터를 적용하여 원하는 상품을 쉽게 탐색할 수 있는가
  • 검색창과 카테고리를 이동하며 상품을 탐색하는 과정이 용이한가
  • alert 창의 버튼이 클릭하기 용이한가
비주얼 패턴 단계에서 사용자 인지를
방해하는 요소를 도출하여
이를 개선할 수 있는 디자인 전략을 수립합니다.
디자인 전략
UXUI 비주얼 패턴을 전반적으로 개선하여 시인성과
사용성을 높였습니다. 또한, 브랜드 가이드를 일관적으로
적용하여 사용자에게 질적 만족감을 제공합니다.
주문상품 및 배송 정보,
결제 정보 입력 ui 사용성 개선
주문 및 결제 UI 사용성 개선
전 연령대의 고객이 주문 시 필요한 정보를 한눈에 보고
쉽게 입력할 수 있도록 UI 화면 플로우를 개선합니다.
상품 및 브랜드 관련
주요정보 시인성 개선
정보 위계가 명료하게 구분된 상품 정보 제공
상품 카테고리의 전체적인 위계와 라벨명, 상품 상세정보가 직관적으로
인지될 수 있도록 카테고리 및 상세페이지 영역을 개선합니다.
비주얼 패턴을 적용한 배너 디자인 개선
사용자 인지를 돕기 위해 클릭 가능한 영역과 불가능한 영역의 구분을
명료하게 디자인하고, 사용자의 행동을 정확하게 유도합니다.
온라인 서비스에 맞는
브랜드 가이드라인 구축
오프라인 브랜딩의 연장선에서
온라인 환경에 맞는 브랜드 가이드 구축 및 적용
기존 오프라인 상에서만 적용되어 온 브랜드 가이드라인을 바탕으로
온라인 서비스에 적용하기 용이한 컬러, 서체, 아이콘 등의 가이드라인을
새롭게 구축하여 모바일 플랫폼에서도 일관된 브랜드 경험 제공
서비스 플로우
주문서 작성 UI 사용성 개선
명료한 정보 위계를 통한
상품 및 브랜드 정보
시인성 개선
온라인 서비스에 맞는
브랜드 가이드라인 구축
주문서 작성 ui
사용성 개선
주요 고객층이 중장년 연령대에 분포하는 점을 고려하여, 주문 시 필요한
정보를 한눈에 파악하고 배송 및 결제 정보를 손쉽게 입력할 수 있도록
UI 화면 플로우를 개선합니다.
명료한 정보 위계를 통한
상품 및 브랜드 정보
시인성 개선
배너와 버튼 디자인에 비주얼 패턴을 적용하여
사용자의 행동을 정확하게 유도하고, 상품 및 브랜드 정보 영역에서
시각적 정보 위계를 명료하게 구분하여 시인성을 높입니다.
온라인 서비스에 맞는
브랜드 가이드라인 구축 개선
오프라인에서 완성도있게 구축된 브랜드 가이드라인을 바탕으로,
온라인 서비스 환경에서 다양하게 적용할 수 있는 브랜드 가이드라인을
구축합니다. 색상, 간격, 아이콘, 썸네일 등 모든 화면의 컴포넌트에 일관된
브랜드 가이드라인을 적용하여 통일된 서비스 경험을 제공합니다.
타켓
강남4구, 마포, 용산에
거주하는 초등학교 저학년
이하의 자녀를 둔 어머니
프리미엄 반찬을
원하는 소비자
각진 진중한 단아한 믿을 수 있는 정직한 프리미엄 정렬된 여유 차분한 직관적인 품위있는 간결한 진정성 다양한 일관적인