DUOLABS
포트폴리오

브랜드 프로모션 앱

프리미엄 스킨케어 브랜드가 캠페인을 알리기 위해 낸 프로모션 앱을 개발했습니다. 브랜드 콘텐츠를 앱 안에서 자연스럽게 보여 주고, 캠페인 흐름에 맞춰 화면이 이어지게 하는 것이 일이었습니다. 고급 화장품 브랜드의 앱은 화면 하나가 어색해도 브랜드의 인상이 함께 깎이므로, 시각 완성도와 사용 흐름을 함께 맞췄습니다. 작업은 콘텐츠 표시, 화면 전환, 사용자 조작 흐름 구현입니다.

Launch
2011
Client
글로벌 생활용품 기업 한국법인
Type
커머스·유통
01 / 04

브랜드 콘텐츠를 앱 안에서 이어 보게 한 화면 구성

프리미엄 스킨케어 브랜드의 프로모션 앱은 브랜드가 전하려는 콘텐츠를 앱 안에서 보여 주는 것이 첫 역할이었습니다. 콘텐츠가 따로 떨어진 페이지처럼 보이지 않고 앱의 화면 흐름 안에서 자연스럽게 이어지도록 화면을 구성했습니다. 어떤 콘텐츠를 어느 순서로 보여 줄지는 캠페인이 정한 흐름을 기준으로 맞췄습니다.

브랜드 콘텐츠를 앱 안에서 이어 보게 한 화면 구성
02 / 04

캠페인 순서를 그대로 따라가는 화면 전환

프로모션 앱의 화면 순서는 캠페인이 고객에게 메시지를 전하는 순서를 따릅니다. 화면 사이를 넘어가는 전환과 고객이 누르고 넘기는 조작 흐름을 그 순서에 맞춰 구현했습니다. 다음 화면으로 가는 길이 분명해야 고객이 중간에서 멈추지 않고 메시지를 끝까지 봅니다.

캠페인 순서를 그대로 따라가는 화면 전환
03 / 04

화면 하나에서도 고급 브랜드의 인상을 지키는 표현

고급 화장품 브랜드의 앱은 화면의 완성도가 그대로 브랜드의 인상이 됩니다. 브랜드 이미지를 해치지 않도록 화면 구성과 콘텐츠 표현을 하나씩 맞췄습니다. 보기 좋은 화면과 쓰기 편한 흐름이 서로 부딪히지 않도록 두 가지를 함께 따졌습니다.

화면 하나에서도 고급 브랜드의 인상을 지키는 표현
04 / 04

고객이 브랜드 메시지에 자연스럽게 닿는 조작 흐름

프로모션 앱의 목적은 고객이 브랜드 메시지를 접하게 하는 것이고, 그 메시지는 조작 흐름 위에 놓입니다. 고객이 무엇을 눌러야 할지 고민하지 않고 화면을 따라가다 보면 메시지에 닿도록 사용 흐름을 구성했습니다. 이 앱은 웹 차트 개발과 앱 개발을 함께 하던 시기의 마지막 프로젝트였고, 이후 모바일 앱 작업에 집중하는 계기가 되었습니다.

고객이 브랜드 메시지에 자연스럽게 닿는 조작 흐름

이 작업의 포인트

01

브랜드 콘텐츠를 앱 안에서 이어 보게 한 화면 구성

02

캠페인 흐름에 맞춘 화면 전환과 조작

03

고급 브랜드의 인상을 지키는 화면 표현

인사이트

블로그 전체 보기