PROJECT REQUEST
PROJECT REQUEST
NEWBIRD
안녕하세요, 뉴버드입니다. 😊 무엇을 도와드릴까요?
아래에 문의 내용을 남겨주시면 확인 후 빠르게 답변드리겠습니다.
중복 선택 가능 *
ME
🤔
NEWBIRD
원하시는 제작 유형이 무엇인가요? 아래 항목에서 선택해 주세요.
중복 선택 가능 *
ME
🤔
NEWBIRD
프로젝트 예산은 어느 정도로 예상하시나요? 아래 항목에서 선택해 주세요.
ME
🤔
NEWBIRD
원하시는 진행 일정이 있으실까요? 편하신 기간을 선택해 주세요. 또는 직접입력도 가능해요.
프로젝트 일정 *
ME
🤔
NEWBIRD
마지막으로 의뢰자와 프로젝트 정보를 알려주세요. *표시는 필수로 입력하셔야 하는 항목이에요.
개인정보처리방침
  • 개인정보 수집이용에 대한 동의

    회원님의 소중한 개인정보는 다음과 같은 정책에 따라 수집 및 이용됩니다. 뉴버드는 해당 목적에 관련되는 개인정보만을 수집하며, 수집된 정보를 투명하고 안전하게 보호 관리할 것을 약속합니다. 이에 개인정보 수집 및 이용에 대한 동의를 구합니다.

  • 개인정보의 수집·이용 목적

    프로젝트 문의에 대한 견적, 기간, 개발 등의 문의에 대한 정보가 보다 정확한 답변을 위해 수집됩니다.

  • 수집항목
    • 필수항목: 회사명, 성함, 연락처, 이메일 주소, 프로젝트 설명(문의 내용)
    • 선택항목: 직함, 홈페이지 URL, 첨부파일(파일 내 포함된 개인정보 포함)
  • 보유이용기간

    원칙적으로, 개인정보 수집 및 이용목적이 달성된 후에는 해당 정보를 지체 없이 파기합니다. 단, 다음의 정보에 대해서는 아래의 이유로 명시한 기간 동안 보존합니다.

    • 보존 이유 : 회원님의 동의를 통한 정보 유지
    • 보존 기간 : 회원정보 삭제 요청시까지
  • 기타

    현 개인정보처리방침은 2019년 05월 01일부터 적용되며, 법령, 정책 또는 보안기술의 변경에 따라 내용의 추가, 삭제 및 수정이 있을 시에는 변경사항 시행일의 7일 전부터 홈페이지를 통해 고지 할 것입니다.

    • 시행일자 : 2019년 05월 01일
    • 개인정보처리방침 버전 : version 1.0.0
SUBMITTED
프로젝트 의뢰가 완료 되었습니다. 

보내주신 내용은 빠르게 검토하여 남겨주신 번호로 연락드리겠습니다.

배너 플로팅 이미지
  • CLIENT

    DR.MARTENS

  • PRODUCTION

    NEWBIRD 로고
DRMARTENS 로고 WEB AWARD 로고
[OVERVIEW]

뉴버드는 이번 프로젝트를 통해 닥터마틴의 브랜드 아이덴티티를 강화하고 사용자 경험을 증대시켰습니다. 다양한 디바이스에 최적화된 반응형 웹을 구현하고, 직관적인 정보 구조와 개선된 구매 흐름을 통해 전환율 향상을 도모했습니다. 또한, 최신 디자인 트렌드와 기술을 반영해 브랜드의 헤리티지와 현대적인 감성을 조화롭게 담아냈습니다.

  • DATE

    2023.07

  • SERVICE

    UI/UX Design Development MarkUp

  • CATEGORY

    Fashion E-commerce

개성과 헤리티지를 담은 닥터마틴만의 큐레이션으로, 쇼핑을 넘어서는 몰입감 있는 브랜드 경험을 제공합니다.

닥터마틴 공식 온라인 스토어는 브랜드의 오리지널리티를 바탕으로 클래식 라인부터 시즌 한정 에디션, 글로벌 협업 컬렉션까지 폭넓게 선보입니다. 변화하는 커머스 환경 속에서 단순히 상품을 나열하는 것이 아닌, 닥터마틴이 가진 문화적 아이콘으로서의 가치와 스타일 감도를 온라인 경험 전반에 녹여내고자 하였습니다.

닥터마틴 부츠 사진 닥터마틴 부츠와 스크리블 아트 사진
닥터마틴의 헤리티지와 독창적 스타일을 디지털 감각으로 재해석하기 위한 원칙을 수립 했습니다.

이번 리뉴얼은 닥터마틴이 지닌 문화적 아이콘성과 특유의 스타일 감각을 온라인 경험에 담는 것을 목표로 했습니다. 단순히 상품을 나열하지 않고, 브랜드의 반항적 에너지와 음악·서브컬처와 연결된 헤리티지를 시각적 언어로 풀어, 사용자가 브랜드 세계관 속에서 쇼핑을 경험하도록 디자인했습니다.

  • Intuitive

    사용자가 원하는 제품을 쉽고 빠르게 찾을 수 있도록 탐색 경험을 직관적으로

    001
  • Immersive

    제품 정보를 넘어 브랜드 철학과 스타일링을 경험할 수 있는 감각적인 콘텐츠

    002
  • Connection

    브랜드의 최신 소식을 한눈에 확인할 수 있도록 하여 지속적인 연결 구축

    003
  • Seamless Trust

    구매 과정 전반을 단순하고 명확하게 설계해 편리함과 신뢰성 강화

    004
닥터마틴 부츠와 스크리블 아트 사진
닥터마틴 부츠 사진

The official Dr. Martens online store, built on the brand's originality, offers a wide range of products, from classic lines to limited-edition seasonal collections and global collaborations. In a changing commerce landscape, we aim to go beyond simply listing products, incorporating Dr. Martens' cultural icon value and style sensibility into the entire online experience.

닥터마틴 부츠 사진

Original. Iconic. Unmistakably Dr. Martens. Explore our full range at the official online store.

닥터마틴 홈페이지를 띄운 핸드폰 사진 닥터마틴 홈페이지를 띄운 핸드폰 사진
닥터마틴 부츠 사진
닥터마틴 제품 썸네일 사진

UI Elements
Aa

Oswald

  • Bold
  • Semibold
  • Medium
  • Light

Pretendard

  • Bold
  • Medium
  • Regular
  • Light
원하는 제품을 더 쉽고 빠르게 찾도록 탐색 경험을 최적화했습니다.

리뉴얼된 카테고리 페이지는 필터, 정렬, 추천 기능을 강화하여 사용자가 원하는 스타일과 사이즈를 직관적으로 확인할 수 있습니다. 제품 이미지와 상세 정보를 효율적으로 배치해, 구매 결정까지의 과정이 더욱 매끄럽고 편리해졌습니다.

  • 닥터마틴 홈페이지를 띄운 모바일폰의 모습
  • 닥터마틴 홈페이지를 띄운 모바일폰의 모습 닥터마틴 홈페이지를 띄운 모바일폰의 모습
  • 닥터마틴 홈페이지를 띄운 모바일폰의 모습

Shoes, , Sandals, Boots, 1461, 1460 Chelsea boots, , Jadon

특별한 혜택과 최신 소식을 한눈에 확인 할 수 있도록 구성했습니다.

시즌별 이벤트, 신제품 출시, 한정 컬렉션 등 브랜드의 다양한 소식을 직관적으로 전달합니다. 시각적 강조와 명확한 카테고리 구성을 통해 사용자가 원하는 정보를 빠르게 확인하고, 쇼핑과 브랜드 경험을 동시에 즐길 수 있도록 개선했습니다.

닥터마틴 홈페이지를 띄운 테블릿PC와 모바일폰의 모습
제품 그 이상의 이야기 전달 하는 공간

제품 상세 페이지는 단순한 정보 제공을 넘어, 닥터마틴의 디자인 철학과 스타일링 팁을 함께 제공합니다. 고해상도 이미지, 확대보기, 관련 제품 추천 등을 통해 사용자가 제품과 브랜드의 가치를 깊게 경험하도록 설계했습니다.

스토리 페이지 배경화면
  • 닥터마틴 홈페이지를 띄운 모바일폰의 모습
  • 닥터마틴 홈페이지를 띄운 모바일폰의 모습
  • 닥터마틴 홈페이지를 띄운 모바일폰의 모습

리뉴얼된 상품 페이지는 브랜드 문화와 스토리를 시각적으로 전달합니다. 이미지 요소를 적극 활용해 사용자가 콘텐츠에 몰입하며 닥터마틴의 세계관을 자연스럽게 이해할 수 있도록 합니다.

닥터마틴 제품 썸네일 이미지

8065 메리제인

닥터마틴 제품 썸네일 이미지

1460

닥터마틴 제품 썸네일 이미지

오드릭 8i 부츠

닥터마틴 제품 썸네일 이미지

8065 II 벡스

닥터마틴 제품 썸네일 이미지

제이든 하네스

닥터마틴 제품 썸네일 이미지

오드릭 로퍼

닥터마틴 제품 썸네일 이미지

8065 메리제인

닥터마틴 제품 썸네일 이미지

1460

닥터마틴 제품 썸네일 이미지

오드릭 8i 부츠

닥터마틴 제품 썸네일 이미지

8065 II 벡스

닥터마틴 제품 썸네일 이미지

제이든 하네스

닥터마틴 제품 썸네일 이미지

오드릭 로퍼

닥터마틴 홈페이지 이미지
닥터마틴 홈페이지 이미지
USERBILITY 닥터마틴 홈페이지를 띄운 노트북 이미지
구매 과정의 편리함과 신뢰성 최우선으로 설계했습니다

체크아웃 프로세스를 간소화하고, 결제 단계별 안내를 명확히 하여 사용자가 불편함 없이 구매를 완료할 수 있도록 개선했습니다. 또한,로그인 상태, 할인 정보, 배송 옵션 등 핵심 정보를 직관적으로 확인할 수 있어 쇼핑 경험의 완성도를 높였습니다.

  • 닥터마틴 홈페이지 이미지 닥터마틴 홈페이지 이미지
  • 닥터마틴 홈페이지 이미지 닥터마틴 홈페이지 이미지

DR.MARTENS

  • E/M COMMERCE DEV

INFORMATION

  • CATEGORY

    FASHION E-COMMERCE

  • PRODUCTION

    NEWBIRD

CREDIT

  • PROJECT MANAGER

    KIM DA HEE SHIN MIN YOUNG

  • CREATIVE DIRECTOR

    SONG JI SU

  • UI/UX DESIGNER

    KIM GA YOUNG SHIN MIN YOUNG

  • WEB PUBLISHER

    LEE YOUNG HO CHOI IN HEE

  • DEVELOPER

    LEE JAE E LEE JAE SEOB

  • The seagull who flies highestsees the farthest