고객과 함께한 시간
닥터펫
디자인아트플러스가 제작한 닥터펫 펫푸드닥터 쇼핑몰 포트폴리오.
자연식 반려견 사료와 간식을 소개하고 추천 상품을 보여 주는 반려동물 푸드 브랜드 펫푸드닥터(Petfooddoctor)의 반응형 쇼핑몰입니다.
- CLIENT.
- 닥터펫
- Year.
- 2021
- 프로젝트 설명
- 디자인아트플러스는 반려동물 푸드 브랜드 펫푸드닥터(Petfooddoctor) 쇼핑몰을 퍼스트몰로 기획·디자인했습니다. 「주는 人 행복하고, 먹는 犬 건강해지는」이라는 브랜드 메시지처럼 반려견에게 좋은 한 끼를 고르는 보호자의 마음에 맞춰, 브랜드 이야기와 자연식 제품을 단순하고 편안한 흐름으로 보여 주도록 설계했습니다. 반응형으로 구축했습니다.
[주요 구축 내용]
감성 중심 첫 화면: 베이지 배경 위에 사료 그릇을 사이에 둔 두 강아지 사진과 브랜드 메시지를 크게 배치해, 반려견과 보호자의 행복한 식사 장면을 첫인상으로 전달
단순한 두 갈래 메뉴: 브랜드 소개와 자연식 제품 두 메뉴로만 구성해, 처음 온 보호자도 브랜드를 이해한 뒤 제품으로 자연스럽게 넘어가도록 설계
사진으로 보는 상품 흐름: 추천 상품과 베스트 아이템, 신상품을 큰 제품 사진 중심의 영역으로 이어 배치해, 스크롤만으로 브랜드의 대표 제품을 둘러볼 수 있게 구성
따뜻한 톤앤매너: 베이지색 배경과 가는 영문 글꼴, 넓은 여백으로 화면을 정리해 자연식 펫푸드 브랜드의 부드럽고 정성스러운 분위기를 연출
FAQ
브랜드가 어떤 생각으로 사료를 만드는지 먼저 보여 주고, 제품은 몇 개의 메뉴로 단순하게 정리하는 구성이 좋습니다. 반려인은 사료를 고를 때 원료와 만드는 사람에 대한 믿음을 가장 중요하게 봅니다. 펫푸드닥터 쇼핑몰은 ABOUT PETFOODDOCTOR와 NATURAL FOOD 두 메뉴로 브랜드와 제품을 정리했습니다.
반려동물 사진과 부드러운 색을 써서 따뜻하고 편안한 분위기를 만드는 것이 좋습니다. 반려인이 자기 반려동물을 떠올리며 공감할 수 있는 화면이 브랜드에 대한 호감을 키웁니다. 펫푸드닥터 쇼핑몰은 베이지색 바탕에 사료를 먹는 강아지 사진을 크게 담아 첫 화면을 꾸몄습니다.
처음 온 고객은 어떤 제품부터 봐야 할지 몰라 브랜드가 직접 추천하는 상품이 좋은 출발점이 됩니다. 신제품이나 꼭 알리고 싶은 제품을 자연스럽게 소개하는 자리로도 쓸 수 있습니다. 펫푸드닥터 쇼핑몰은 메인 화면에 Petfooddoctor Pick 영역을 두어 추천 상품을 보여 줍니다.
반려인은 산책 중이나 이동 중에 휴대폰으로 사료와 간식을 주문하는 경우가 많아 모바일 화면이 편해야 합니다. 반응형은 PC와 모바일을 하나로 관리해 상품과 이벤트를 한 번만 올려도 모든 화면에 똑같이 보입니다. 펫푸드닥터 쇼핑몰은 퍼스트몰로 반응형으로 구축했습니다.
