40px을 위한 노력
데일리호텔 리워드 심볼 제작기
'우리 하루만 더 있다 갈까?'라는 조인성의 멘트. 혹시 TV에서 들으신 적 있으신가요? 2017년 12월부터 2개월간 진행되었던 데일리호텔의 캠페인! '데일리 리워드'입니다. 고객들에게 특별한 하루를 선물하기 위해 7박 하면 1박을 무료로 제공하는 엄청난 혜택의 캠페인인데요. 많은 혜택을 드리기 위해 장기적으로 바라보는 캠페인인 만큼 함께 변화되고 새롭게 준비되어야 하는 부분도 많았습니다.
그중 하나가 앱 내에 7박하면 1박무료 '데일리 리워드'를 어떻게 노출할 것이냐 였죠. 고객들이 쉽게 인지할 수 있고 주목도가 높을 수 있도록 새로운 브랜딩과 심볼이 필요했습니다.
데일리호텔 기존의 스탬프 적립 페이지 UI'데일리 리워드'캠페인이 시작되기 전 기존의 스탬프 모습입니다. 스탬프라는 혜택은 잘 전달되지만 라인으로 디자인되어있어 주목성이 떨어지며, 숙박/비숙박의 구분이 불명확하다는 게 문제였습니다.
해서 브랜딩 작업을 들어가기 전 기존의 스탬프를 보완하기 위해 어떤 것을 고려하고 어떤 디자인 방향을 가져갈지 우선적으로 파악했습니다.
첫 번째. 로고타입이라면 어떤 폰트를 사용할 것인가?
두 번째. 심볼이라면 어떤 심볼을 사용할 것인가?
세 번째. 어떤 컬러를 사용할 것인가?
1 로고타입이라면 어떤 폰트를 사용할 것인가?
기존에 '데일리호텔, 데일리고메'라는 서비스명을 가지고 있었기 때문에 '데일리 리워드'라는 워딩을 노출하였을 때 캠페인이 아닌 새로운 서비스/브랜드로 보이는 것을 방지해야 했습니다. 해서 획기적이게 변형시킨 로고타입보다는 기존 데일리 로고타입을 활용해서 어우러지는 로고타입을 개발해야 했죠.
로고타입을 개발하는 단계(왼쪽부터 첫번째 단계)1차로 DAILY 로고와 비슷한 폰트를 나열합니다. 여기에는 로고와 동일한 폰트와 데일리 지정 폰트도 포함되어 있습니다. (가장 왼쪽 위 두 가지)
2차로는 첫 번째에서 가장 적합하다고 생각한 폰트들을 DAILY 로고와 함께 나열해봅니다.
3차에서는 2차에서 선택한 폰트를 두께별로 베리에이션 하고 가장 적합한 로고타입을 선택합니다.
하지만 앱 내에 'DAILY Rewards' 풀네임을 적용하기에는 너무 많은 공간을 차지하며 'Rewards'에 비해 DAILY 로고의 자간이 넓어 비율적으로 보기 좋지 않은 문제가 있었습니다.
때문에 풀네임의 로고타입과 앱 내에 적용되는 로고타입을 따로 가져가는 것을 원칙으로 정하고 이를 활용 가이드에 포함시키기로 합니다.
2 심볼이라면 어떤 심볼을 사용할 것인가?
대게 소셜커머스의 경우 중점으로 미는 서비스/캠페인들을 로고타입으로 많이 표기합니다. 이는 한눈에 타이틀을 가독성 좋게 전달할 수 있는 방법이죠.
소셜커머스의 서비스 로고타입들하지만 데일리의 경우 '데일리 리워드'의 심볼을 추후에 스탬프처럼 모아서 보여주는 하나의 화면도 필요했고 업장 리스트, 상세화면, 예약화면, 결제화면 등등 대부분의 모든 화면에서 심볼을 노출할 예정이었기에 로고타입보다는 간소화된 심볼이 필요하다는 게 다른 점이었습니다. 그리고 이 심볼은 눈에 짤 띄는 덩어리적인 요소여야 했죠. 해서 이 심볼이 어떤 쉐입으로 제작되어야 할지 키워드를 추출합니다.
뱃지, 딱지, 스티커
덩어리로 표현할 수 있되 재미요소와 스토리를 부여할 수 있는 키워드여야 했습니다. 그리고 이 키워드를 중점으로 쉐입을 잡습니다.
여기에서 가장 실질적으로 많이 노출될 예정인 축소형의 심볼형태에 들어가는 요소 선정도 중요했습니다. 'DAILY'의 'D'를 사용할 것인지, 'Rewards'의 'R'을 사용할 것인지 정해야 했죠. 그리고 추가적으로 알파벳이 아닌 아이콘이 들어가는 심볼도 제작해봅니다. 이 과정에서는 어떤 아이콘을 적용할 것인지 또 한 번의 키워드 추출이 필요했습니다.
심볼형태에 들어가는 아이콘 키워드 도출1차로 '데일리 리워드'에 연상되는 단어를 나열합니다. 2차로는 경쟁사와 연관된 단어와 이중적인 뜻을 지니고 있어 혼동될 수 있는 단어를 제외시킵니다. 예를 들어 왕관의 경우 '리워드'의 단어도 표현할 수 있지만 '최고'라는 단어 성격도 지니고 있어서 리워드가 아닌 멤버십 등 단계를 표현하는 의미로 오인지 될 수 있는 성격을 지니고 있어 제외하였습니다. 3차로는 '데일리 리워드'에 추후로 추가될 캠페인들도 함께 아우를 수 있는 단어를 최종으로 선정합니다.
아이콘을 적용한 축소형 심볼형태타 디자이너 및 유관자분들과 논의 후 일부를 나타내는 아이콘의 심볼형태와 추후 더 큰 개념으로 확장할 수 있는 'DAILY'의 'D'보다 'Rewards'를 직관적으로 표현하는 'R'자를 사용하는 것이 가장 적합할 것 같다는 의견을 수용하여 'R'을 사용한 축소형 심볼을 최종적으로 선택하기로 결정합니다. 또한 기존에 '스탬프'였던 네이밍을 새롭게 제작된 쉐입에 맞추어 '스티커'로 변경하기로 결정합니다.
3 어떤 컬러를 사용할 것인가?
컬러 선정에서 중요한 점은 앱 내에서 주목도가 높으면서 이질적이지 않은 컬러여야 하는 것이었습니다. 해서 데일리의 메인 컬러인 버건디와 서브 컬러인 골드와 함께 적용해가며 테스트를 해보았습니다.
메인/서브 컬러와 함께 적용해본 예시
앱내에 적용시켜본 컬러 예시그리고 이 컬러들을 앱 내에 노출될 화면 일부에 적용해보았죠. 여러 가지 컬러를 적용시켜보고 실제 핸드폰의 작은 화면에서도 확인해보는 등의 시뮬레이션을 거친 후 최종적으로 주목도가 높은 옐로우 계열을 사용하는 것으로 결정이 됩니다.
4 최종단계 - 가이드
이렇게 제작된 '데일리 리워드'심볼은 여러 매체 및 상황에 적용되었을 때 일관된 비주얼을 표현할 수 있도록 가이드 제작 과정을 거칩니다.
사이즈 규정, 금지 규정, 컬러 규정 등의 가이드를 제시하고 앞서 말했듯이 앱 내 이외에 온/오프라인 채널에 사용되는 로고타입의 경우도 가이드에 포함시킵니다.
실제 적용된 화면
이렇게 완성된 '데일리 리워드' 심볼은 이벤트 페이지 및 UI 곳곳에 적용시켜줍니다.
본 프로젝트는 장기적인 프로젝트였기 때문에 어떻게 캠페인을 운영할 것인가에 대한 정책부터 프로덕트, 디자인, 컨시어지 등등 많은 타 팀들과의 조율이 필요했습니다. 많은 시간과 시행착오를 거쳐 내놓은 캠페인인 만큼 고객님들이 데일리와 함께 특별한 날들을 보낼 수 있기를 바래봅니다!
