Overview
-
CGV 앱은 국내 1위 컬처플렉스인 CGV를 편리하게 이용할 수 있는 모바일 서비스입니다. 하지만 다소 비효율적인 예매 과정과 한 페이지 안에 중복되는 기능을 가진 버튼 등 서비스를 이용하는데 불편한 점들이 많았습니다. 저는 이러한 점들을 개선함과 동시에 화면을 리디자인하여 사용자들에게 보다 좋은 접근성과 편리한 사용성을 지닌 서비스로 탈바꿈 시키고 기존 브랜드 이미지를 강화시키기 위해 이 프로젝트를 시작하게 되었습니다.
Project Goal
-
1. 동일한 기능을 가진 페이지도 디자인이 통일되지 않아 경험의 지속성을 깨트린다. > 하나의 디자인 요소를 활용하여 사용자 경험 유지
2. 콘텐츠 속 중복되는 기능과 정리되지 않은 정보들로 인해 사용자 경험에 혼란이 생긴다. > 정보들의 재그룹핑 및 재배치를 통한 화면 디자인 개선
3. 불필요한 뎁스와 정보제공 단계 등으로 인해 서비스 이용이 불편하다. > 정보제공 단계 재구성 및 기능 추가를 통한 사용성 개선
Design Principle
-
Project Goal을 토대로 Consise, Continuity, Vitality라는 디자인 원칙을 만들었습니다. 정리된 정보구조와 통일된 디자인 요소를 통해 사용자가 간결하고 지속적인 경험을 제공받을 수 있도록 했습니다. 그리고 CGV 캐릭터 ‘파코니’와 일러스트, 디테일한 모션 요소들을 활용해 앱에 생동감을 불어넣었습니다.
Design Asset
-
Visual Motif - 무비 슬레이트의 상단에 있는 사선 모양을 디자인에 활용하여 앱에 통일성과 차별성을 더했습니다.
Color System - White와 Gray를 베이스로 사용, 생동감을 위해 기존 CGV 로고에서 사용되고 있는 Bright Red와 Orange를 포인트 컬러로 사용했습니다.
Typography - 친근감을 위해 메인 텍스트로 모서리가 둥근 본고딕을 사용했고 서브 텍스트로 윤고딕 700을 사용했습니다.
Iconography - 아이콘 모서리가 둥글고 일부가 사선 모양으로 절단된 형태로 제작했습니다. 이를 통해 앱에 통일성을 더해줍니다.
Concise Screen
-
탭바를 통해 콘텐츠를 재배치하고 디자인 요소를 활용해 화면을 리디자인하였습니다. 콘텐츠 재배치로 불필요한 뎁스를 줄이고 디자인 요소를 활용하여 정보들을 명확하게 구분시켰습니다. 개봉 전 영화의 개봉일 알림을 예매일 알림으로 변경하여 사용자의 예매를 빠르게 도와줄 수 있게 하였습니다. 또한, 탭바에 디테일한 모션을 추가시켜 재미를 더했습니다.
Convenient Ticketing
-
예매 과정의 뎁스 최소화와 기능 추가로 효율적인 예매가 가능하게 하였습니다. 예매 시, 동일한 디자인의 툴바를 이용해 연결성 있는 흐름을 보여줍니다. 또한, 정보 흐름의 재구성으로 영화 테마들을 쉽게 확인할 수 있고 툴바를 통해 부가기능을 쉽게 사용할 수 있게 하였습니다.
상영정보 확인 - 특정 상영정보를 확인 후, 다른 상영정보도 즉시 확인할 수 있도록 사용성을 개선하였습니다. 사용자가 동일한 시간대의 주변 영화관 정보를 함께 볼 수 있게 하여 보다 효율적인 정보 확인이 가능하게 하였습니다.
모바일 티켓 (& 위젯) - 위젯에서 모바일 티켓을 확인할 수 있게 하여 티켓 확인을 위해 스크린샷을 찍거나 영화관에서 앱으로 티켓을 확인받아야 하는 번거로운 과정에서 벗어날 수 있도록 하였습니다.
Special Theater Info
-
특별 상영관들의 특징을 담은 일러스트로 앱에 특별함을 더했습니다. 특별 상영관들은 스크린을 보고 있는 관람객의 뒷모습으로 표현했고 포인트 컬러를 활용한 단면을 통해 앱에 생동감을 더했습니다. 또한, 일반 상영관은 극장별 예매와 동일한 디자인으로 앱에 통일성을 더해줍니다.
Liveliness My
-
인터랙션 및 기능 추가와 정보들의 재배치를 통해 사용성을 개선하였습니다. CGV 등급에 대한 정보를 보여주는 모션과 무비로그로 이동하는 인터랙션을 통해 화면에 생동감을 더합니다. 또한, 사용빈도가 높은 정보들을 상단으로 재배치하여 사용성을 개선하였습니다.
포인트 적립 모션 - 포인트 적립 인터랙션에 팝콘이 터지는 듯한 모션과 파코니 모션을 추가하여 재미있게 표현했습니다.
Pacony Talk
-
파코니를 활용한 챗봇 서비스를 추가하여 사용자에게 특별한 경험을 선사합니다. 주변 영화관에서 빠르게 영화를 보기 위한 사용자를 위해 최소한의 정보로 예매를 도와주는 간편 예매 서비스를 제공합니다. 또한, 평소 CGV 앱을 이용한 정보들을 바탕으로 파코니와 여러 가지 이야기도 나눌 수 있습니다.
