디앤디랩

익스플로러 브라우저는 해당 페이지를 지원하지 않습니다.

크롬 브라우저를 설치하여 확인하시기 바랍니다.

DNDLAB PORTFOLIO

Overview

먹지마세요 피부에 양보하세요.

먹어서 좋은 음식은 피부에도 좋다.

건강한 푸드의 영양을 그대로 담아낸 오리지널 푸드
코스메틱 브랜드 스킨푸드,
우리는 올드한 레이아웃으로
사용성이 떨어졌던 기존 홈페이지를 보완하고
스킨푸드가 전달하고자 했던 핵심가치를 고객들에게
일관된 경험으로
제공하고자 했습니다.
스킨푸드의
핵심가치를 시각적 언어로 도출하고,
새로운
디지털 브랜드 이미지와 상품으로 연계되는 콘텐츠로
쇼핑몰
유입부터 구매까지 유연한 경험을
제공할 수 있도록 하여 사용성 개선을
홈페이지에 녹여냈습니다.

CORE VALUE

  • 01
    FOOD ORIGINALITY
    건강하게 자란 푸드 속에는
    피부를 아름답게 만드는
    능력이 있다는 믿음
  • 02
    CHEERFUL ENERGY
    스킨푸드가 푸드를 통해
    만들어내는 생기있는 이미지와
    통통 튀는 분위기
  • 03
    CREATIVE CURIOSITY
    수많은 푸드를 공부하며
    스킨푸드만의 독자적인 성분을
    탄생시킴
EEEEEE
FF593E
FDB812
222222
F7EEE0

SKINFOOD COLOR

스킨푸드의 키컬러 ‘노랑’을 중점으로,
자연에 녹아있는 강렬한 레드, 당근에서 시작된
은은한 누드톤까지 스킨푸드 브랜드 이미지를 표현하는
컬러를 사용하고자 하였습니다.

SKINFOOD FONT

가독성을 높일 수 있도록 정직한 ‘윤고딕700’을 주로 사용하되,
사람이 직접 적은 듯 한 ‘나눔 손글씨 펜’으로 포인트를 살렸습니다.
고딕과 핸드라이팅 폰트를 적절히 사용함으로 스킨푸드 홈페이지를
방문하는 고객들에게 가독성과 친근함을 함께 느낄 수 있도록 하였습니다.
MAIN FONT
POINT FONT
MAIN FONT
MAIN FONT

MISSION

트랜드에 맞지 않는 그리드로 인해 사용성이 떨어졌던 이전 홈페이지를
스킨푸드를 위한 새로운 디지털 브랜딩으로 핵심가치를 극대화하고,
맞춤형 UI/UX 개발을 통해 사용자에게 사용성 개선을 제공할 뿐 아니라
일관된 디자인과 쇼핑 경험으로 브랜드의 전문성과 신뢰도를 높였습니다.

UI STRATEGY

  • 01

    디지털 브랜딩

    스킨푸드의 오리지널리티를 살려주는 그래픽 요소를 통해 디지털 브랜딩을 구축하고 인지도 상승을 도왔습니다.

  • 02

    GUI 가이드

    가이드라인 설계를 통한 일관된 온라인 쇼핑경험을 제공하며 전문성과 브랜드에 대한 신뢰도를 높였습니다.

  • 03

    CONCEPT & PRODUCT

    공감대 있는 콘텐츠와 새로운 제품 디스플레이로 브랜드가치를 극대화하여 표현했습니다.

  • 04

    상품

    개인화된 상품추천기능 으로 제품탐색부터 배송 및 결제까지 편하고 합리적인 구매를 할 수 있도록 배려했습니다.

MOTIF

기존 스킨푸드에 새로운 톤앤매너 구축을 위한 보태니컬 아트웍을 활용하였습니다.
푸드의 신선함과 영양을 한정적인 실사이미지에서 탈피하고 즐겁고 생기발랄한
자연스러움의 스펙트럼을
보태니컬 아트로 접목하여 스킨푸드 일러스트가 탄생했습니다.

01. REAL IMAGE

02. BOTANICAL

03.ILLUST

04. SKINFOOD ILLUST

MAIN

건강한 푸드에서 착안한 에너지 넘치는 모티프와 컬러를 시각화하여 스킨푸드의 디지털 브랜딩을 제공하며,
일관된 UI/UX를 사용한 가이드로 사용자가 콘텐츠와 상품을 쉽게 접할 수 있는 환경을 조성합니다.

PRODUCT

CART

MY PAGE

우리의 감성은 당신의 가능성을 만나 특별한 경험을 만듭니다.
프로젝트 문의