MEGA COFFEE
APP RENEWAL
PORTFOLIO

모바일 UI/UX

메가커피 앱 리뉴얼

제작 기간: 19.12.06~20.01.29

팀 프로젝트

기여도 100%

●RESEARCH

• – 플레이스토어 '메가커피' 앱 리뷰
• – 인스타그램, 네이버 블로그 등에 업로드된 리뷰와 인터넷 기사로 타깃층 파악
• – 스타벅스, 이디야 등 커피전문점 앱과 다이소, 포켓CU 등 적립앱의 벤치마킹

●PROBLEM

• 핵심 기능인 바코드를 홈으로 가야지만 사용할 수 있음.
• 글자 간 여백이 적어 가독성이 떨어지며 터치 영역이 작음.
• 메뉴에 대한 안내가 없어 외부 사이트로 이동해 확인해야 함.
• 중요 공지에 대한 노출도 부족.
• 내비게이션이 메인 페이지에만 있어 페이지 간 이동이 번거로움.

●UX VISION

●ADVANTAGE

• 핵심 기능인 바코드를 홈에 크게 배치하여 빠른 사용 유도.
  –이후 서브 페이지로 이동해도 우측 상단에 고정되어 어디에서든 사용 가능.
  – 다만 환경설정 아이콘이 사라지는 문제점으로, 좌측 상단 고정으로 추후 수정 예정.
• 글자와 글자, 글자와 박스 사이에 적절한 여백값을 주어 가독성 상승.
• 메가커피 매장 메뉴 확인 페이지 제작.
• 중요 공지사항을 내용과 함께 홈 화면에 노출.
• 하단 내비게이션 바를 통해 페이지 간 이동이 쉬움.
  – 내비게이션바는 서브페이지로 이동해도 고정.
• 간결하고 직관적인 디자인으로 누구나 사용이 쉬움.
• 영역 경계에 연한 그림자 효과를 주어 입체적인 감각(depth)를 살림.
• 스탬프와 쿠폰의 영역 분리.
  – 현재 진행되는 스탬프를 시각적으로 한눈에 파악 가능.
  – 과거 적립된 쿠폰을 한눈에 모아볼 수 있으며, 쿠폰별 유효기간을 쉽게 파악.

●THEME

메가커피의 아이덴티티인 노란색을 베이스 컬러로, 갈색을 포인트 컬러로 선정하여 브랜드의 분위기를 드러냄.

●KEYWORD

●HISTORY

메인페이지 디자인 수정 이력입니다.

심미적인 미와 사용성을 동시에 잡을 수 있도록, 색 조합과 그림자 값, 모서리의 둥근 정도를 여러 번 수정한 끝에 현재 디자인이 완성되었습니다.

●CONTRIBUTION

• – 3인 팀의 조장.
• – 전반적인 디자인의 포토샵 작업 및 수정
• – 벤치마킹과 본 앱의 사용자 등 자료조사.
• – 프로젝트 완료 후 발표용 PPT와 제출용 보고서 작성. 보고서 보러 가기
• – 프로젝트 발표

●REVIEW

디자인 분야에서 팀 작업은 처음이라 문제도 수정도 잦았던 경험이었습니다.

모두가 배워가는 입장이지만 가장 디자인 경험 및 지식이 많았던 제가 부족하나마 조장을 맡았습니다.

매일 이루어진 회의를 기록하여 정리했습니다.

회의에서 나온 의견을 종합해 제가 전체 편집을 하고, 화면을 공유하며 자잘한 디테일을 수정했습니다. 인원이 적은 만큼 의견취합이 빠르고 간결했으나, 다양한 시선으로 바라보는 것은 어려워 다소 한정된 의견들이 나왔습니다.

팀원들은 편집 능력보다는 기록 및 문서 정리와 리서치에 더 두각을 드러내, 관련 업무를 주로 배분했습니다.

처음 의도는 명확한 가이드라인을 제작해 효율적으로 협업하는 것이었으나, 실제로 작업을 해보니 예기치 못한 애로사항과 수정할 부분이 다수 발생해 생각한 대로 진행하는 데 시간이 걸렸습니다.

이후 팀 작업에선 가이드라인을 확정하고, 작업을 체계화해 능률을 높이도록 노력하고자 합니다.

프로젝트를 진행하면서 제 디자인 능력이 아직 부족하다는 것을 통감했습니다. 더 많은 디자인을 접하고 분석하여 감각을 키워야 할 필요를 느꼈습니다.