WEB Design
APP Design
WEB Design
APP Design
드롱기
Web 리뉴얼
이거 어디꺼야?
스메그?
아니, 아직도 몰라?
드롱기!
전 세계적으로 유명한 드롱기는 알려진 브랜드에 비해 마케팅과 웹사이트의 관리가 제대로 되지 않아 대중적인 이미지 보다는 특정 매니아층이 아는 브랜드가 되어가고 있습니다.
스메그와 비슷한 가격대와 브랜드임에도 불구하고, 인지도가 낮은 드롱기를 커피를 처음 접하는 소비자도 쉽게 알 수 있고, 구매할 수 있도록 하는 웹사이트를 디자인 할 수 있도록 합니다.
Renewal point
Concept
전 세계의 언어로 되어있는 드롱기 홈페이지는 글로벌적인 브랜드임에 틀림없습니다. 하지만 그 때문인지, 각각 홈페이지의 컨텐츠들의 관리가 잘 되지않고, 브랜드의 특징을 보여주기엔 무리가 있어보입니다.
드롱기를 모르는 소비자가 사이트에 들어왔을 때, 구매 하고싶은 욕구가 생기도록 하며, 통일감 있으며 안정된 색감인 브라운을 사용하여, 편안한 분위기와 동시에 세련되고, 클래식한 분위기를 연출합니다.
Comfortable
편안한
Sophisticated
세련된
Classic
클래식한
Design System
Typography / Color
노토산스는 한 가지 폰트로 한글, 영문, 일본어를 지원하여 7가지의 다양한 굵기를 제공합니다. 무엇보다도 웹 폰트로 적합하여 여러 사이트에서 쉽게 볼 수 있습니다.
몬세라트는 영문 폰트로, 서체가 간결하고 깔끔한 느낌을 줍니다. 또한 많은 폰트 굵기가 있어 다양한 디자인을 보여줄 수 있으며, 가독성을 높여 줄 수 있습니다.
#FCFBF9
R 252 G 251 B 249
#FFFFFF
R 255 G 255 B 255
#8E8580
R 142 G 133 B 128
#DED0C9
R 221 G 206 B 201
#6A5C55
R 106 G 92 B 85
더 나은 생활
더 나은 생활
더 나은 생활
Light
Regular
Bold
#333333
R 51 G 51 B 51
#666666
R 102 G 102 B 102
#AAAAAA
R 170 G 170 B 170
#DDDDDD
R 221 G 221 B 221
#EEEEEE
R 238 G 238 B 238
#F7F7F7
R 247 G 247 B 247
Noto Sans KR
Montserrat
장평 100 자간-25
Better Everyday
Better Everyday
Better Everyday
Better Everyday
Thin
Light
Regular
Bold
Design System
Grid System
그리드 시스템을 사용하여 일관된 UI를 보여줍니다.
균일한 요소와 간격을 사용하여 디자인과 화면크기에 일관성을 부여하고, 그래픽 요소의 체계적인 배열을 도와줍니다. 또한 반응형 디자인을 가능하게 하며, 해상도 대응이 쉬워집니다.
number of columns
12
column width
80px
gutter
20px
content width
1180px
Main page
Mall page
