캐시비 IOS앱을 만들었어요

모바일
  • #모바일캐시비
  • #아이폰
  • #네이티브 앱

Overview

Date
2020. 07. 01 - 07. 30
Client
모바일캐시비

모바일캐시비 iOS 앱 디자인을 진행했습니다. 이 프로젝트는 기존 안드로이드 앱을 참고해 iOS 버전을 새롭게 만드는 작업이었어요. iOS 버스단말기 정책상 안드로이드와 달리 태깅(찍기) 기능은 제외하고 충전 전용 구조로 기획했습니다. 앱 디자인 시스템은 너무 옛날 스타일로 운영되고 있었고 브랜드 컬러조차 거의 적용이 안 되어 있어 새로운 UI/UX와 비주얼 아이덴티티를 크게 개선하는 데 집중했습니다. 또 한 가지 실무에서 진짜 오래 걸린 건 개발 협업 프로세스 혁신! 기존에는 “제플린(Zeplin, 젭-린)” 같은 협업 툴을 쓰지 않고 일일이 디자인 가이드 문서를 만들어 전달하던 상황이었죠. 제가 제플린 도입을 적극적으로 설명하고 “이걸 쓰면 개발자도, 디자이너도 시간과 품이 확 줄어든다!” 강조하며 설득하는 데만 1년(!) 진짜 오래 걸렸습니다. 그래도 결국 제플린 도입에 성공해서 디자인 시스템 효율도, 전체 개발 프로세스도 확실히 업그레이드된 프로젝트였습니다.

Color System

  • Orange #fb8d31
  • Indigo Navy #353a55
  • 모바일캐시비 IOS 카드등록 페이지 디자인
  • 모바일캐시비 IOS 권한동의 페이지 디자인
  • 모바일캐시비 IOS 메인 페이지 디자인
  • 모바일캐시비 IOS 어린이 청소년 할인 페이지 디자인
  • 모바일캐시비 IOS 환불내역 페이지 디자인
  • 모바일캐시비 IOS 교통내역 페이지 디자인
  • 모바일캐시비 IOS 교통내역 없음 페이지 디자인
  • 모바일캐시비 IOS 카드사 선택 페이지 디자인
  • 모바일캐시비 IOS 충전수단 선택 페이지 디자인
  • 모바일캐시비 IOS 휴대폰 충전 페이지 디자인
  • 모바일캐시비 IOS 신규추가 등록 페이지 디자인
  • 모바일캐시비 IOS 결제진행 페이지 디자인
  • 모바일캐시비 IOS 카드조회 태깅 페이지 디자인
  • 모바일캐시비 IOS 팝업 디자인