디앤디랩

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

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

DNDLAB PORTFOLIO

Overview of dr. martens

Overview of
dr. martens

Overview of
dr. martens

닥터마틴은 단순히 신발이라는 제품을 뛰어넘어
‘나를 표현하는 브랜드’라는 근본적인 철학을 바탕으로
브랜드의 사상과 전 세계 고객 각각의 가치관이 융합된
문화적 아이콘으로 자리 잡았습니다.

우리는 이번 새로운 디지털 브랜딩과
플랫폼 리뉴얼을 통해 닥터마틴의 브랜드 가치를
극대화하고 다양한 서비스를 제공할 수 있는
인터페이스를 통해 고객들과 소통하고 지속적으로
방문할 수 있는 이유를 제공하고자 하였습니다.

닥터마틴은 단순히 신발이라는 제품을 뛰어넘어
‘나를 표현하는 브랜드’라는 근본적인 철학을 바탕으로
브랜드의 사상과 전 세계 고객 각각의 가치관이 융합된
문화적 아이콘으로 자리 잡았습니다.

우리는 이번 새로운 디지털 브랜딩과 플랫폼 리뉴얼을 통해
닥터마틴의 브랜드 가치를 극대화하고 다양한 서비스를
제공할 수 있는 인터페이스를 통해 고객들과 소통하고
지속적으로 방문할 수 있는 이유를 제공하고자 하였습니다.

닥터마틴은 단순히 신발이라는 제품을 뛰어넘어 ‘나를 표현하는 브랜드’라는 근본적인 철학을 바탕으로
브랜드의 사상과 전 세계 고객 각각의 가치관이 융합된 문화적 아이콘으로 자리 잡았습니다.
우리는 이번 새로운 디지털 브랜딩과 플랫폼 리뉴얼을 통해 닥터마틴의 브랜드 가치를 극대화하고
다양한 서비스를 제공할 수 있는 인터페이스를 통해 고객들과 소통하고 지속적으로 방문할 수 있는
이유를 제공하고자 하였습니다.

Our mission

Our mission

Our
mission

최적의 쇼핑환경을 제공하기 위해
트렌드와 요구사항에 맞는 기능 및 서비스를 개선하여
세일즈를 강화하고자 합니다.

UI/UX 향상과 콘텐츠 확장을 통해 닥터마틴의
브랜드 철학을 극대화하여 효과적으로 제공하고
사용자와의 공감대를 확산하고자 합니다.

최적의 쇼핑환경을 제공하기 위해
트렌드와 요구사항에 맞는 기능 및 서비스를 개선하여
세일즈를 강화하고자 합니다.

UI/UX 향상과 콘텐츠 확장을 통해 닥터마틴의
브랜드 철학을 극대화하여 효과적으로 제공하고
사용자와의 공감대를 확산하고자 합니다.

최적의 쇼핑환경을 제공하기 위해 트렌드와 요구사항에 맞는 기능 및 서비스를 개선하여 세일즈를 강화하고자 합니다.

UI/UX 향상과 콘텐츠 확장을 통해 닥터마틴의 브랜드 철학을 극대화하여 효과적으로 제공하고
사용자와의 공감대를 확산하고자 합니다.

As is

Brand shopping mall

To be

Art & Culture Playground with Dr. Martens

Our solution

Our solution

Our
solution

기존의 닥터마틴은 다소 편향된 소재의
브랜드 스토리를 가지고 있었고,
상대적으로 온라인 매출 비중이 작았습니다.
라이프 스타일을 반영한 콘텐츠로
스토리를 확장하여 폭넓은 공감대를 형성하고
온라인 플랫폼만의 서비스를 통해 고객의 충성도와
재유입률을 향상시키고자 합니다.

기존의 닥터마틴은 다소 편향된 소재의 브랜드 스토리를
가지고 있었고, 상대적으로 온라인 매출 비중이 작았습니다.
라이프 스타일을 반영한 콘텐츠로 스토리를 확장하여
폭넓은 공감대를 형성하고 온라인 플랫폼만의 서비스를 통해
고객의 충성도와 재유입률을 향상시키고자 합니다.

기존의 닥터마틴은 다소 편향된 소재의 브랜드 스토리를 가지고 있었고, 상대적으로 온라인 매출 비중이 작았습니다.
라이프 스타일을 반영한 콘텐츠로 스토리를 확장하여 폭넓은 공감대를 형성하고
온라인 플랫폼만의 서비스를 통해 고객의 충성도와 재유입률을 향상시키고자 합니다.

  • Rebuilding Brand Image

    Rebuilding Brand Image

    Rebuilding
    Brand Image

    브랜드가 지닌 가치를 좀 더 다양한 고객층이
    공감할 수 있는 스토리로 재구성하여
    닥터마틴만의 고유하면서도
    새로운 브랜드 감성을 전파합니다.

    브랜드가 지닌 가치를 좀 더 다양한 고객층이 공감할 수 있는
    스토리로 재구성하여 닥터마틴만의 고유하면서도
    새로운 브랜드 감성을 전파합니다.

    브랜드가 지닌 가치를 좀 더
    다양한 고객층이 공감할 수 있는
    스토리로 재구성하여 닥터마틴만의
    고유하면서도 새로운 브랜드 감성을
    전파합니다.

    관심사와 콘텐츠의 연결

  • Improving UI/UX

    Improving UI/UX

    Improving
    UI/UX

    디바이스별 고객 타겟과 전략을
    차별화하여 제공하고 CMS 시스템을 통해
    콘텐츠에 최적화된 플랫폼을 제공합니다.

    디바이스별 고객 타겟과 전략을
    차별화하여 제공하고 CMS 시스템을 통해
    콘텐츠에 최적화된 플랫폼을 제공합니다.

    디바이스별 고객 타겟과 전략을
    차별화하여 제공하고,
    CMS 시스템을 통해 콘텐츠에
    최적화된 플랫폼을 제공합니다.

    미디어 커머스 형태의 콘텐츠 최적화 플랫폼

    미디어 커머스 형태의
    콘텐츠 최적화 플랫폼

    미디어 커머스 형태의
    콘텐츠 최적화 플랫폼

  • Enhancement Service

    Enhancement Service

    Enhancement
    Service

    닥터마틴 온라인 플랫폼만의 즐거움을
    누릴 수 있는 다양한 서비스와
    멤버십 제도 강화 등을 통해
    매출과 고객의 충성도를 상승시킵니다.

    닥터마틴 온라인 플랫폼만의 즐거움을
    누릴 수 있는 다양한 서비스와
    멤버십 제도 강화 등을 통해
    매출과 고객의 충성도를 상승시킵니다.

    닥터마틴 온라인 플랫폼만의
    즐거움을 누릴 수 있는
    다양한 서비스와 멤버십 제도 강화
    등을 통해 매출과 고객의 충성도를
    상승시킵니다.

    전 생활 영역으로 확장되는 서비스

    전 생활 영역으로 확장되는 서비스

    전 생활 영역으로
    확장되는 서비스

Design concept

Design concept

Design
concept

닥터마틴의 시각적 정체성은
오랜 역사와 시대적 흐름을 반영하여 예술 형식의
파괴와 부정을 주장하는 예술운동인
다다이즘과 펑크 문화를 통해 영감을 받아
자유롭고 반항적인 이미지를 표현해왔습니다.
이를 통해 반항적 자아를 표현하는 수단인
콜라주 기법에서 모티프를 착안하여
브랜드 아이덴티티를 그래픽 요소들로 표현하고자 합니다.

닥터마틴의 시각적 정체성은 오랜 역사와 시대적 흐름을
반영하여 예술 형식의 파괴와 부정을 주장하는 예술운동인
다다이즘과 펑크 문화를 통해 영감을 받아 자유롭고 반항적인
이미지를 표현해왔습니다.
이를 통해 반항적 자아를 표현하는 수단인 콜라주 기법에서
모티프를 착안하여 브랜드 아이덴티티를
그래픽 요소들로 표현하고자 합니다.

닥터마틴의 시각적 정체성은 오랜 역사와 시대적 흐름을 반영하여
예술 형식의 파괴와 부정을 주장하는 예술운동인 다다이즘과 펑크 문화를 통해 영감을 받아
자유롭고 반항적인 이미지를 표현해왔습니다.
이를 통해 반항적 자아를 표현하는 수단인 콜라주 기법에서 모티프를 착안하여 브랜드 아이덴티티를
그래픽 요소들로 표현하고자 합니다.

mob-concept
tablet-concept
desktop-concept
mob-concept
tablet-concept
desktop-concept

Line

line에는 닥터마틴의 히스토리와
다양한 문화가 담겨져있습니다.

line에는 닥터마틴의 히스토리와 다양한 문화가 담겨져있습니다.

line에는 닥터마틴의 히스토리와 다양한 문화가 담겨져있습니다.

히스토리와 다양한 문화가 담긴 line은 닥터마틴의
Heel loop, stitch, outsole에서 착안하여

히스토리와 다양한 문화가 담긴 line은 닥터마틴의
Heel loop, stitch, outsole에서 착안하여

히스토리와 다양한 문화가 담긴 line은 닥터마틴의 Heel loop, stitch, outsole에서 착안하여

닥터마틴 브랜드의 가치와
새로운 문화를 이야기하는 LINE을 만들어냅니다.

cultural diversity

cultural diversity

cultural
diversity

앞서 정의한 LINE을 닥터마틴의
다양한 문화와 역사를 반영하여 표현하였습니다.
각 콘텐츠의 특색에 맞춰 표현하였으며
LINE은 타이포그래피, 그리드 시스템 관점에서
Gutter 값을 기준으로 커팅하여
디지털적 해석을 통해 이루어졌습니다.

앞서 정의한 LINE을 닥터마틴의 다양한 문화와
역사를 반영하여 표현하였습니다.
각 콘텐츠의 특색에 맞춰 표현하였으며 LINE은 타이포그래피,
그리드 시스템 관점에서 Gutter 값을 기준으로 커팅하여
디지털적 해석을 통해 이루어졌습니다.

앞서 정의한 LINE을 닥터마틴의 다양한 문화와 역사를 반영하여 표현하였습니다.
각 콘텐츠의 특색에 맞춰 표현하였으며 LINE은 타이포그래피, 그리드 시스템 관점에서
Gutter 값을 기준으로 커팅하여 디지털적 해석을 통해 이루어졌습니다.

mob-cultural
tablet-cultural
desktop-cultural-img

DESIGN GUIDELINE

DESIGN GUIDELINE

DESIGN
GUIDELINE

다양한 디바이스 해상도 환경에 유연하게
적응할 수 있는 ‘8배수’ 의 그리드 시스템을 활용하여
콘텐츠를 모듈화하고 에셋 간의 규칙을 만들어
각 요소의 패딩과 높이값을 고유하게 구성합니다.

다양한 디바이스 해상도 환경에 유연하게 적응할 수 있는
‘8배수’ 의 그리드 시스템을 활용하여 콘텐츠를 모듈화하고
에셋 간의 규칙을 만들어
각 요소의 패딩과 높이값을 고유하게 구성합니다.

다양한 디바이스 해상도 환경에 유연하게 적응할 수 있는 ‘8배수’ 의 그리드 시스템을 활용하여
콘텐츠를 모듈화하고 에셋 간의 규칙을 만들어 각 요소의 패딩과 높이값을 고유하게 구성합니다.

mob-guideline
tablet-guideline
desktop-guideline

Typographic

Typographic

Typo-
graphic

명확한 가독성과 닥터마틴의 아이덴티티를 표현하는
폰트로 레이아웃을 구성합니다.

명확한 가독성과 닥터마틴의
아이덴티티를 표현하는 폰트로 레이아웃을 구성합니다.

명확한 가독성과 닥터마틴의 아이덴티티를 표현하는 폰트로 레이아웃을 구성합니다.

Main font

mob-spoqa
tablet-spoqa
desktop-spoqa

국문 타이틀 및 카피에는
SpoqaHanSans를 사용합니다. SpoqaHanSans는
다양한 언어 환경에서의 사용성을 극대화하여
웹사이트에 최적화된 가독성을 자랑하는 폰트입니다.

국문 타이틀 및 카피에는 SpoqaHanSans를 사용합니다.
SpoqaHanSans는 다양한 언어 환경에서의
사용성을 극대화하여
웹사이트에 최적화된 가독성을 자랑하는 폰트입니다.

국문 타이틀 및 카피에는 SpoqaHanSans를 사용합니다.
SpoqaHanSans는 다양한 언어 환경에서의 사용성을 극대화하여
웹사이트에 최적화된 가독성을 자랑하는 폰트입니다.

Sub font

mob-tradegothic
tablet-tradegothic
desktop-tradegothic

기존 닥터마틴의 헤리티지와
아이덴티티를 유지하기 위해 Trade Gothic을
헤드카피 및 타이틀에 사용합니다.

기존 닥터마틴의 헤리티지와 아이덴티티를 유지하기 위해
Trade Gothic을 헤드카피 및 타이틀에 사용합니다.

기존 닥터마틴의 헤리티지와 아이덴티티를 유지하기 위해
Trade Gothic을 헤드카피 및 타이틀에 사용합니다.

Color

Color

Color

모노톤의 Black&White를 기본 컬러로 사용하고
핵심지표와 아이덴티티를 나타내는 영역에
닥터마틴 포인트 컬러를 사용합니다.

모노톤의 Black&White를 기본 컬러로 사용하고
핵심지표와 아이덴티티를 나타내는 영역에
닥터마틴 포인트 컬러를 사용합니다.

모노톤의 Black&White를 기본 컬러로 사용하고
핵심지표와 아이덴티티를 나타내는 영역에 닥터마틴 포인트 컬러를 사용합니다.

  • Dr. Martens Black

    Dr. Martens
    Black

    Dr. Martens Black

    #111

  • #666

  • #999

  • #ddd

Dr. Martens Yellow

#ffe513

Iconography

Iconography

Icono-
graphy

닥터마틴의 Heel loop, stitch, outsole에서
착안한 디자인 모티프를 화면 전반에 사용하여
브랜드의 아이덴티티를 표현합니다.

닥터마틴의 Heel loop, stitch, outsole에서
착안한 디자인 모티프를 화면 전반에 사용하여
브랜드의 아이덴티티를 표현합니다.

닥터마틴의 Heel loop, stitch, outsole에서 착안한 디자인 모티프를
화면 전반에 사용하여 브랜드의 아이덴티티를 표현합니다.

mob-icongraphy
tablet-icongraphy
desktop-icongraphy

아이콘 그리드는 그래픽 요소의 일관성 있고 유연한
위치 지정을 위한 명확한 규칙을 설정합니다.

키 라인 셰이프는 그리드의 기초입니다.
이러한 핵심 모양을 지침으로 사용하면 시스템 아이콘
전체에서 일관된 시각적 비율을 유지할 수 있습니다.

아이콘 그리드는 그래픽 요소의 일관성 있고 유연한
위치 지정을 위한 명확한 규칙을 설정합니다.

키 라인 셰이프는 그리드의 기초입니다.
이러한 핵심 모양을 지침으로 사용하면 시스템 아이콘
전체에서 일관된 시각적 비율을 유지할 수 있습니다.

아이콘 그리드는 그래픽 요소의 일관성 있고 유연한
위치 지정을 위한 명확한 규칙을 설정합니다.

키 라인 셰이프는 그리드의 기초입니다.
이러한 핵심 모양을 지침으로 사용하면 시스템 아이콘 전체에서
일관된 시각적 비율을 유지할 수 있습니다.

mob-icon
tablet-icon
desktop-icon

Stitch header

Stitch header

Stitch
header

Key Visual의 헤드 카피에
STITCH의 형태를 도입하여 표현합니다.
사이트의 메인 비주얼인 배너에서 닥터마틴의
아이덴티티를 강하게 표현하고자 하는 의도를 가집니다.

Key Visual의 헤드 카피에 STITCH의 형태를 도입하여
표현합니다. 사이트의 메인 비주얼인 배너에서 닥터마틴의
아이덴티티를 강하게 표현하고자 하는 의도를 가집니다.

Key Visual의 헤드 카피에 STITCH의 형태를 도입하여 표현합니다.
사이트의 메인 비주얼인 배너에서 닥터마틴의 아이덴티티를 강하게 표현하고자 하는 의도를 가집니다.

mob-stitch-header
tablet-stitch-header
desktop-stitch-header

닥터마틴의 블랙 컬러에서 도출한 웹용 블랙을
라인 컬러로 사용하며, 포인트 컬러인
Dr. Martens Yellow를 카피에 사용합니다.

mob-stitch-area
tablet-stitch-area
desktop-stitch-area

헤드 카피의 사이즈는 120pt로 지정하며
카피 주변의 STITCH 영역은 가로 여백 56px,
세로여백 32px의 8배수 형태로 적용됩니다.
카피가 2줄 이상일 시 각 STITCH의 사이 간격은
24px로 지정합니다.

헤드 카피의 사이즈는 120pt로 지정하며 카피 주변의
STITCH 영역은 가로 여백 56px, 세로여백 32px의
8배수 형태로 적용됩니다. 카피가 2줄 이상일 시
각 STITCH의 사이 간격은 24px로 지정합니다.

헤드 카피의 사이즈는 120pt로 지정하며,
카피 주변의 STITCH 영역은
가로 여백 56px, 세로여백 32px의 8배수 형태로 적용됩니다.
카피가 2줄 이상일 시 각 STITCH의 사이 간격은 24px로 지정합니다.

Line

Line

Line

타이틀과 서브콘텐츠로 구성된 모듈에
STITCH 라인을 넣어 레이아웃을 완성합니다.
닥터마틴의 STITCH이자 SHOES & BOOTS의
HOLE을 모티프로 한 라인을 화면에 사용하여
닥터마틴의 아이덴티티를 표현했고
라인은 헤드카피의 길이와 동일하며
화면을 나누는 그리드 시스템의
Gutter 값인 16px을 두께로 가집니다.

타이틀과 서브콘텐츠로 구성된 모듈에
STITCH 라인을 넣어 레이아웃을 완성합니다.
닥터마틴의 STITCH이자 SHOES & BOOTS의 HOLE을
모티프로 한 라인을 화면에 사용하여
닥터마틴의 아이덴티티를 표현했고,
라인은 헤드카피의 길이와 동일하며 화면을 나누는
그리드 시스템의 Gutter 값인 16px을 두께로 가집니다.

타이틀과 서브콘텐츠로 구성된 모듈에 STITCH 라인을 넣어 레이아웃을 완성합니다.
닥터마틴의 STITCH이자 SHOES & BOOTS의 HOLE을 모티프로 한 라인을 화면에 사용하여
닥터마틴의 아이덴티티를 표현했고, 라인은 헤드카피의 길이와 동일하며
화면을 나누는 그리드 시스템의 Gutter 값인 16px을 두께로 가집니다.

mob-line-img
tablet-line-img
desktop-line-img

CMS

CMS

CMS

CMS(Content Management System)는 다양한
콘텐츠를 효율적으로 관리하기 위한 시스템입니다.
HTML을 사용하지 않고도 누구나 쉽게
콘텐츠를 만들거나 수정하고 게시할 수 있도록
CMS를 개발했으며 각 메뉴별 콘텐츠를 모듈화하여
일관성 있는 사용자 경험을 유지하였습니다.

CMS(Content Management System)는
다양한 콘텐츠를 효율적으로 관리하기 위한 시스템입니다.
HTML을 사용하지 않고도 누구나 쉽게 콘텐츠를 만들거나
수정하고 게시할 수 있도록 CMS를 개발했으며
각 메뉴별 콘텐츠를 모듈화하여 일관성 있는 사용자 경험을
유지하였습니다.

CMS(Content Management System)는 다양한 콘텐츠를 효율적으로 관리하기 위한 시스템입니다.
HTML을 사용하지 않고도 누구나 쉽게 콘텐츠를 만들거나 수정하고 게시할 수 있도록 CMS를 개발했으며
각 메뉴별 콘텐츠를 모듈화하여 일관성 있는 사용자 경험을 유지하였습니다.

mob-cms
tablet-cms
desktop-cms

Main page

Main page

Main
page

콘텐츠의 집합체라고 할 수 있는 메인 페이지에서는
제품 노출 뿐만 아니라 닥터마틴의 키워드와 트렌드를
제공하여 사용자가 더욱더 흥미롭게
닥터마틴의 문화 코드를 즐길 수 있도록 하였습니다.
스페셜리스트의 경우 메인 GNB 하단에 위치하여
사용자에게 직관적으로 다양한 프로모션과 콘텐츠를
경험할 수 있도록 합니다.

콘텐츠의 집합체라고 할 수 있는 메인 페이지에서는
제품 노출 뿐만 아니라 닥터마틴의 키워드와
트렌드를 제공하여 사용자가 더욱더 흥미롭게
닥터마틴의 문화 코드를 즐길 수 있도록 하였습니다.
스페셜리스트의 경우 메인 GNB 하단에 위치하여
사용자에게 직관적으로 다양한 프로모션과 콘텐츠를
경험할 수 있도록 합니다.

콘텐츠의 집합체라고 할 수 있는 메인 페이지에서는 제품 노출 뿐만 아니라 닥터마틴의 키워드와 트렌드를 제공하여
사용자가 더욱더 흥미롭게 닥터마틴의 문화 코드를 즐길 수 있도록 하였습니다.
스페셜리스트의 경우 메인 GNB 하단에 위치하여 사용자에게 직관적으로 다양한 프로모션과 콘텐츠를
경험할 수 있도록 합니다.

mob-main-page
tablet-main-page
desktop-main-page

닥터마틴.
반항적인
자아 표현의 역사

닥터마틴은
자신만의 개성을 지니고
하나의 정신을 공유하는
진정성 있는 사람들과
자아 표현에 자부심을 지닌 사람들,
그리고 보통 사람들과는
다른 사람들에게 어필합니다.

스타일의 관점에서
닥터마틴의 심플한 실루엣은
소비자들로 하여금 부츠와 슈즈를
그들 자신만의 유니크한 스타일을
표현할 수 있도록 만들었으며,
실용성의 차원에서 닥터마틴의 뛰어난
내구성과 편안함은
공연 또는 스트릿 패션이
용납 받지 못하는 세계에서
가장 이상적인 존재로 자리잡게 했습니다

끝으로 감성적인 측면에서 닥터마틴은
반항적인 태도와 권한의 증표와도 같습니다.
닥터마틴은
자신만의 개성을 지니고
하나의 정신을 공유하는
진정성 있는 사람들과
자아 표현에 자부심을 지닌 사람들,
그리고 보통 사람들과는
다른 사람들에게 어필합니다.

스타일의 관점에서
닥터마틴의 심플한 실루엣은
소비자들로 하여금 부츠와 슈즈를
그들 자신만의 유니크한 스타일을
표현할 수 있도록 만들었으며,
실용성의 차원에서 닥터마틴의 뛰어난 내구성과 편안함은
공연 또는 스트릿 패션이
용납 받지 못하는 세계에서
가장 이상적인 존재로 자리잡게 했습니다

끝으로 감성적인 측면에서 닥터마틴은
반항적인 태도와 권한의 증표와도 같습니다.
닥터마틴은 자신만의 개성을 지니고 하나의 정신을 공유하는
진정성 있는 사람들과 자아 표현에 자부심을 지닌 사람들,
그리고 보통 사람들과는 다른 사람들에게 어필합니다.

스타일의 관점에서 닥터마틴의 심플한 실루엣은 소비자들로
하여금 부츠와 슈즈를 그들 자신만의 유니크한 스타일을 표현할 수
있도록 만들었으며, 실용성의 차원에서 닥터마틴의 뛰어난
내구성과 편안함은 공연 또는 스트릿 패션이 용납 받지 못하는
세계에서 가장 이상적인 존재로 자리잡게 했습니다

끝으로 감성적인 측면에서 닥터마틴은
반항적인 태도와 권한의 증표와도 같습니다.

하지만 처음부터 이랬던 것은 아니였습니다.
닥터마틴은 어떻게 오늘날 문화와 가장 밀접한 관련이...
mob-made-like
mob-made-like
mob-made-like2
tablet-made-like
tablet-made-like
tablet-made-like2
desktop-made-like
desktop-made-like
desktop-made-like2

Product page

Product page

Product
page

스토어 접근성을 높이기 위해 카테고리를 단순화하고
상품 리스트 썸네일은 멀티 디스플레이를 구현하여
제품의 정보를 보다 효과적으로 제공하였습니다.
상품 상세 페이지에서는 고도화된 상품 정보와
사용자의 리뷰를 통해 고객이 상품을
보다 자세하게 알 수 있도록 설계하였습니다.

스토어 접근성을 높이기 위해 카테고리를 단순화하고
상품 리스트 썸네일은 멀티 디스플레이를 구현하여
제품의 정보를 보다 효과적으로 제공하였습니다.
상품 상세 페이지에서는 고도화된 상품 정보와
사용자의 리뷰를 통해 고객이 상품을 보다 자세하게
알 수 있도록 설계하였습니다.

스토어 접근성을 높이기 위해 카테고리를 단순화하고 상품 리스트 썸네일은 멀티 디스플레이를 구현하여
제품의 정보를 보다 효과적으로 제공하였습니다.
상품 상세 페이지에서는 고도화된 상품 정보와 사용자의 리뷰를 통해 고객이 상품을 보다 자세하게
알 수 있도록 설계하였습니다.

mob-product-page
tablet-product-page
desktop-product-page
mob-product-description
tablet-product-description
desktop-product-description

Magazine & people

Magazine & people

Magazine
& people

매거진과 피플은 닥터마틴의 스타일과 문화가 담겨있는
콘텐츠와 연관 제품을 소개하는 페이지입니다.
사용자의 의견이 반영된
좋아요를 통해 참여도를 높이고 닥터마틴의
문화적 콘텐츠를 효과적으로 제공하였습니다.

매거진과 피플은 닥터마틴의 스타일과 문화가 담겨있는
콘텐츠와 연관 제품을 소개하는 페이지입니다.
사용자의 의견이 반영된 좋아요를 통해 참여도를 높이고
닥터마틴의 문화적 콘텐츠를 효과적으로 제공하였습니다.

매거진과 피플은 닥터마틴의 스타일과 문화가 담겨있는 콘텐츠와 연관 제품을 소개하는 페이지입니다.
사용자의 의견이 반영된 좋아요를 통해 참여도를 높이고 닥터마틴의 문화적 콘텐츠를 효과적으로 제공하였습니다.

mob-magazine-img1
mob-magazine-img2
tablet-magazine-img1
tablet-magazine-img2
desktop-magazine-img2
desktop-magazine-img1
  • mob-magazine-people-img1
  • mob-magazine-people-img2
  • mob-magazine-people-img3
  • mob-magazine-people-img4
  • tablet-magazine-people-img1
  • tablet-magazine-people-img2
  • tablet-magazine-people-img3
  • tablet-magazine-people-img4
  • desktop-magazine-people-img1
  • desktop-magazine-people-img2
  • desktop-magazine-people-img3
  • desktop-magazine-people-img4

Collaboration

Collaboration

Collabo-
ration

정해진 일정에 따라 새로 출시될 제품을 소개하여
사용자가 원하는 제품 출시 소식을
빠르게 받아볼 수 있습니다.
닥터마틴과 다양한 브랜드의 콜라보레이션한 제품을
디테일한 설명으로 사용자에게
하나의 흥미로운 콘텐츠로 보일 수 있도록 하였습니다.

정해진 일정에 따라 새로 출시될 제품을 소개하여
사용자가 원하는 제품 출시 소식을 빠르게
받아볼 수 있습니다. 닥터마틴과 다양한 브랜드의
콜라보레이션한 제품을 디테일한 설명으로 사용자에게
하나의 흥미로운 콘텐츠로 보일 수 있도록 하였습니다.

정해진 일정에 따라 새로 출시될 제품을 소개하여 사용자가 원하는 제품 출시 소식을 빠르게 받아볼 수 있습니다.
닥터마틴과 다양한 브랜드의 콜라보레이션한 제품을 디테일한 설명으로 사용자에게
하나의 흥미로운 콘텐츠로 보일 수 있도록 하였습니다.

mob-collaboration-img1
mob-collaboration-img2
tablet-collaboration-img1
tablet-collaboration-img2
desktop-collaboration-img1
desktop-collaboration-img2
mob-collaboration-img3
mob-collaboration-img4
tablet-collaboration-img3
tablet-collaboration-img4
desktop-collaboration-img3
desktop-collaboration-img4
mob-collaboration-countdown
tablet-collaboration-countdown
desktop-collaboration-countdown
mob-collaboration-img5
tablet-collaboration-img5
desktop-collaboration-img5

Mypage

Mypage

Mypage

닥터마틴 마이페이지는
사용자의 재방문 유도 서비스를 강화하였습니다.
상품 후기를 남기면 포인트를 지급하는 것 뿐만 아닌
닥터마틴의 모든 콘텐츠와 문화를 즐길 수 있는
다양한 미션과 등급별 혜택으로
맞춤형 서비스를 설계하였습니다.

닥터마틴 마이페이지는 사용자의 재방문 유도 서비스를
강화하였습니다. 상품 후기를 남기면
포인트를 지급하는 것 뿐만 아닌 닥터마틴의 모든 콘텐츠와
문화를 즐길 수 있는 다양한 미션과
등급별 혜택으로 맞춤형 서비스를 설계하였습니다.

닥터마틴 마이페이지는 사용자의 재방문 유도 서비스를 강화하였습니다.
상품 후기를 남기면 포인트를 지급하는 것 뿐만 아닌 닥터마틴의 모든 콘텐츠와 문화를 즐길 수 있는
다양한 미션과 등급별 혜택으로 맞춤형 서비스를 설계하였습니다.

mob-mypage-img1
mob-mypage-img2
mob-mypage-img3
mob-mypage-img4
tablet-mypage-img1
tablet-mypage-img2
tablet-mypage-img3
tablet-mypage-img4
desktop-mypage-img1
desktop-mypage-img2
desktop-mypage-img3
desktop-mypage-img4

Brand heritage

Brand heritage

Brand
heritage

100여 년의 히스토리를 간직한 닥터마틴이
오늘날 다양한 문화와 가장 밀접한 관련이 있는
브랜드로 자리매김한 헤리티지를
흥미로운 콘텐츠로 풀어 사용자에게 전달하였습니다.

100여 년의 히스토리를 간직한 닥터마틴이
오늘날 다양한 문화와 가장 밀접한 관련이 있는 브랜드로
자리매김한 헤리티지를 흥미로운 콘텐츠로 풀어
사용자에게 전달하였습니다.

100여 년의 히스토리를 간직한 닥터마틴이 오늘날 다양한 문화와 가장 밀접한 관련이 있는 브랜드로 자리매김한
헤리티지를 흥미로운 콘텐츠로 풀어 사용자에게 전달하였습니다.

mob-heritage-img1
mob-heritage-img2
mob-heritage-img3
mob-heritage-img4
tablet-heritage-img1
tablet-heritage-img2
tablet-heritage-img3
tablet-heritage-img4
desktop-heritage-img1
desktop-heritage-img2
desktop-heritage-img3
desktop-heritage-img4
mob-last-img
tablet-last-img
desktop-last-img
우리의 감성은 당신의 가능성을 만나 특별한 경험을 만듭니다.
프로젝트 문의