MAIN COLOR
tft Orange
Date march 5. 2020
E commerce Planing & Design Project
ⓒ 2020 musign co. all right reserved
01 Overview
활기찬 하루, 즐거운 마음가짐, 건강한 가치관 발전을 위해 일상에서의 건강 기능식품 역할은 중요해졌습니다. 빙그레tft 신규 이커머스 구축 프로젝트는 신규 건강기능식품 브랜드로써 소비자들에게 효과적으로 인식되도록 'Pacemaker in your life'라는 컨셉을 부여하여, 이커머스내의 모든 공간과 경험에서 브랜드가 느껴지는 것을 목표로 진행했습니다.
우리는 새로운 변화에 능동적이며, 적극적으로 자신의 삶을 찾아 나가는 모든 현대인들에게 옆에서 챙겨줄 수 있는 장기적인 파트너이자 페이스메이커로써 완벽한 당신을 위해 홀라이프 서포트가 가능한 큐레이팅 사이트를 구축하였습니다.
젊은 연령층의 브랜드의 타겟층을 고려하여 따뜻하고 친근한 톤앤매너, 쉽고 다양한 기능, 트렌디한 디자인과 인터랙션을 사용해 기존의 건강기능식품 이커머스와의 차별화를 보여줍니다.
02 Concept
운동 중 가장 기본적인 달리기, 마라톤. 마라톤은 보통 혼자서 달리는 경기라고 많이들 생각하시지만, 선수가 기록을 갱신하고 코스를 끝까지 완주할 수 있도록 함께 뛰는 역할을 가진 '페이스메이커' 선수들이 존재합니다.
선수가 너무 빠르거나 늦지않도록 중심을 잡아주며, 목표를 설정하고 노하우를 공유하기도 합니다.
우리가 종종 인생을 마라톤에 비유하는 것처럼, 마라톤에서의 목표가 우리 인생의 크고작은 목표들이 된다면, 그 목표를 달성시켜주고 이끌어주는 '페이스메이커'의 역할을 브랜드 이커머스에 부여했습니다.
인생, 그리고 일상의 페이스메이커
03 Design Motif
로고에서 특징적으로 보이는 플러스 형태와 둥글고 부드러운 모서리를 주된 디자인 요소로 사용해 유연하고 확장 가능한 디자인을 추구하되, 기존 커머스에서 볼 수 없었던 유니크한 디자인이 가능하게 합니다.
PLUS
ROUND & CONNER
04 Typography
05 Color
MAIN COLOR
tft Orange
SUB COLOR
06 Main Slide Desktop
‘페이스 메이커’ 컨셉을 기반으로 양쪽에서 끌어주고 당겨주는 모션의 인터렉션입니다. 컨셉으로 설정한 '페이스메이커'의 도움을 주는 의미를 담아 당겨주는 인터렉션으로 표현하였습니다.
07 Recommended Product Desktop
현대인의 고민에 맞춤으로 큐레이팅 해주는 섹션으로 라이프 서포트를 가능하게 하며, 통통 튀는 인터렉션으로 tft의 아이덴티티를 표현합니다.
08 Animation Mobile
PC디자인을 기반으로 모바일 환경에 최적화된 UI 및 UX에 맞춰 구축하였으며, 스와이프 인터렉션을 통해 고객들은 tft몰의 유용한 정보와 혜택들을 한 눈에 볼 수 있습니다.
Mobile Main
VIVACITY Brand Story
09 Product Detail Mobile
tft의 파스텔톤 컬러를 제품과 함께 다양하고 일관되게 사용하여 밝고 통통튀는 느낌의 tft이미지를 나타냅니다.
10 Gift Function Desktop/Mobile
소중한 분께 마음을 전할 수 있는 선물하기 기능입니다. 원하는 제품을 고르고, 미니카드에 감사한 마음을 담아 선물 할 수 있도록 구성하였습니다.
11 Icon Style
tft의 오렌지 컬러를 활용한 아이콘은 디자인의 일관성을 높여 브랜드아이덴티티를 강조합니다. tft만의 정기배송과 선물하기 서비스를 표현합니다.
12 Review
Lee Jieon Planning dept.
Jo Hwayoung Web Dev dept.
Kim HaneulPlanning dept.
Park YuhyunDesign dept.
Lim BoraWeb Dev dept.
Kim MyungjooDesign dept.