DESIGN
RESULTS

디자인 제작물

WEB

밤켈 트래블 : 밤캘 여행용품 판매 쇼핑몰
밤켈 아웃도어 : 밤켈 아웃도어 제품 소개 및 해외 바이어를 위한 브랜드 사이트


NAVER STORE

네이브 브랜드스토어( 네이버 스마트스토어 상위 버전 )
공식 웹사이트 디자인 아이덴티티에 맞춰 디자인 완성도를 높혔습니다.


mobile background

DESIGN
BACKGROUND

디자인 제작배경

기존 웹사이트는 아웃도어 제품과 여행 용품을 소개하는 통합 사이트로
복잡한 UI / UX 및 각 제품별 고객층이 맞지 않았기에


실질적인 매출 상승 및 브랜드 가치를 높히기 위해
B2C, B2B 분류를 2개의 웹사이트틀 리브랜딩 디자인 컨설팅


기존 사이트를 문제점 및 업체를 분석 새로운 기능 및 
디자인 아이덴티티를 맞추며,
브랜드 사이트(아웃도어) + 쇼핑몰(트래블)로 기능이 틀린 웹사이트를 제작하였습니다.

이전 디자인
AFTER DESIGN


WEB-DESIGN

반응형 웹사이트
제작 과정

통합사이트를 2개의 사이트로 제작

디자인 아이덴티티는 유지하며 각사이트의 제작 목적 및 고객에 맞춰 제작하였습니다.


밤켈 아웃도어 제작 목적 :
아웃도어 제품 중 아이스 쿨러는
캠핑용품 구매 고객에게 이미 높은 인지도가 있으며,

제품 판매 목적 보다는 이전제품과 신규제품소개를 통일성 있게 디자인

제품의 우수성 및 브랜드 인지도 상승.
해외 바이어를 위한 B2B 브랜드 웹사이트로 제작하였습니다.


밤켈 트래블 제작 목적 :
아이스 쿨러의 기술력을 바탕으로 제작
신규 마켓에 진입 및 많은 경쟁업체보다 제품이 매력적으로 보이며

이벤트 및 실 구매로 연결 되어야 하는 B2C 쇼핑몰로 제작하였습니다.


각 사이트 인트로
INTRO

각각의 HOME이 있지만 각 사이트의 메인 도메인 클릭시
제품별 고객이 각각의 사이트로 이동 할수 있게  INTRO 제작  

각 사이트 이동 배너
BANNER

INTRO를 2개의 사이트가 있음을 인지하였기에
직관적인 배너보다는 비주얼적인 부분을 중요시 여겨
우측의 플로팅 배너로 제작하였습니다.


DESIGN IDENTITY

디자인 아이덴티티

제작 목적과 고객층을 다르지만
브랜드의 디자인 아이덴티티를 위해
제품소개 및 판매 페이지등 일부 페이지를 제외하고
브랜드 관련 페이지는 동일한 디자인과 레이아웃으로 제작하였습니다.


회사소개
ABOUT

클라이언트는 이전 공식 홈페이지와 동일한 내용과 수량으로 제작을 요청하였습니다.
하지만, 자료조사 및 디자인 기획 도중 알고리즘을 통해
동종업계 및 유사한 상품 판매자의 경우도 동일하게 간략하게 브랜드를 소개하였기에
다 비슷비슷한 브랜드로 보이며, 마치 중국제품의 로고만 변경한 ODM 저가 브랜드로 인식되며

브랜드의 차별화 및 고객에게 신뢰도를 주기 어려우기에


밤켈 브랜드의 경우 제품을 만들게 된 스토리 및 철학이 있기에
각각의 스토리를 스트리트 매거진 방식의 유니크한 레이아웃으로
고객에게 밤켈 브랜드를 차별화 되며 프라이드가 높은 브랜드로 인지하게 제작하였습니다.

이전 : ABOUT

리뉴얼 : ABOUT

콜라보레이션
 COLLABORATION

이전 공식 홈페이지에 외부업체의 주문제작 페이지
CUSTOM이란 명칭으로 주문제작이란 다소 딱딱하고 B2B성향의 명칭에서
 COLLABORATION으로 파트의 성향으로 명칭 변경

이전 : COLLABORATION
메인

이전 : COLLABORATION
1차 클릭시 업체 메인

이전 : COLLABORATION
최종페이지

업체별 분류가 되지 않았으며, 2차 클릭으로 불편함이 있어
전체, 아웃도어, 트래블로 구분하였으며,
각 업체 로고별로 구분 

이전 2차 클릭에서 1차로 약소화 하여 고객이 편리하게 볼 수 있게 제작하였습니다.

리뉴얼 : COLLABORATION
메인

리뉴얼 : COLLABORATION
최종 페이지

입점 매장
DEALER

입점 매장이 국내와 해외로 구분
또한 해외의 경우 직관적으로 나라별로 알수 있게 국기 이미지를 넣어 제작하였습니다.

이전 : DEALER

리뉴얼 : DEALER


OUTDOOR

아웃도어 사이트

밤켈 아웃도어 제작 목적 :
아웃도어 제품 중 아이스 쿨러는
캠핑용품 구매 고객에게 이미 높은 인지도가 있으며,

제품 판매 목적 보다는 이전제품과 신규제품소개를 통일성 있게 디자인

제품의 우수성 및 브랜드 인지도 상승.
해외 바이어를 위한 B2B 브랜드 웹사이트로 제작하였습니다.


아웃도어 : 제품메인
PRODUCT MAIN 

브랜드 가치 상승을 위해 제품 위주의 디자인이 아닌
해외 바이어에게 신뢰도를 주며 브랜드 가치 상승을 위해 아래와 같이 제작

이전 : PRODUCT 메인

리뉴얼 : PRODUCT 메인 

1섹션(상단 비주얼) :

화면에 꽉차며 타이틀에 애니메이션 효과

2섹션(제품소개) :

다양한 색상이 아닌 동일한 색상으로 제품별 나열

3섹션(영상) :

제품의 특징을 알수 있는 스토리텔링의 동영상 섹션

4섹션(기능) :

해당 제품의 기능을 타이포와 이미지로 직관적으로 제시

5섹션(특징) :

제품의 특징을 설명과 동영상으로 안내

아웃도어 : 제품소개
PRODUCT SUB 

이전 공식 홈페이지에 제품 소개 페이지
각 제품의 수치 이미지 도면화 통일
색상별 누락 제품 포토샵 목업으로 추가
밤켈 아웃도어의 모든 제품 소개를 디자인 통일화하여 아래와 같이 제작

이전 : PRODUCT 소개

리뉴얼 : PRODUCT 소개

1섹션(상단 비주얼) :

각 제품의 수치 이미지 포토샵 편집으로 도면화 통일
( 이전의 경우 이미지 또는 도면으로 제작) 

2섹션(제품소개) :

색상별 누락 제품 포토샵 목업으로 추가 

3섹션(영상) :

제품별 가장 특별한 기능을 소개하는 동영상 섹션

4섹션(기능) :

해당 제품의 다양한 사례의 사진 나열


TRAVEL

트래블 사이트

밤켈 트래블 제작 목적 :
아이스 쿨러의 기술력을 바탕으로 제작
신규 마켓에 진입 및 많은 경쟁업체보다 제품이 매력적으로 보이며

이벤트 및 실 구매로 연결 되어야 하는 B2C 쇼핑몰로 제작하였습니다.


트래블 : 샵메인
SHOP MAIN

브랜드 가치 상승을 위해 제품 위주의 디자인이 아닌
해외 바이어에게 신뢰도를 주며 브랜드 가치 상승을 위해 아래와 같이 제작

이전 : SHOP 메인

리뉴얼 : SHOP 메인

1섹션(상단 비주얼) :

화면에 꽉차며 타이틀에 애니메이션 효과

2섹션(제품소개) :

다양한 색상이 아닌 동일한 색상으로 제품별 나열

3섹션(영상) :

제품의 특징을 알수 있는 스토리텔링의 동영상 섹션

4섹션(기능) :

해당 제품의 기능을 타이포와 이미지로 직관적으로 제시

5섹션(특징) :

제품의 특징을 설명과 동영상으로 안내

트래블 : 상세페이지
SHOP PRODUCT

이전 공식 홈페이지에 상세페이지의 경우
디자인 페이지로 구성있으며, 쇼핑 기능의
상세페이지가 없었기에 새롭게 디자인을 제작

이전 : 상세페이지

리뉴얼 : 상세페이지

기존 네이버 브랜드스토어 상세페이지의 이미지를 사용
상세페이지 가로 사이즈가 860px로
와이드한 현 사이트에사용하기에 적절하지 못하여


여백 공간을 잡아 줄 요소로 "우측"에 해당 제품과 연관 된
"연관상품" 노출로 문제 해결


NAVER
BRAND STORE

네이버 브랜드스토어
( 네이버 스마트스토어 상위 버전 )

네이브 브랜드스토어( 네이버 스마트스토어 상위 버전 )
공식 웹사이트 디자인 아이덴티티에 맞춰 디자인 완성도를 높혔습니다.


스토어 홈
HOME

리뉴얼 웹사이트의 디자인아이덴티티에 맞춰 제작
네이버 브랜드스토어의 제약적인 툴안에 최대한 비주얼적이며
브랜드 가치를 높힐 수 있게 섹션을 구성하였습니다.

이전 : HOME

리뉴얼 : HOME

1섹션(상단 비주얼) :

주요 메뉴를 슬라이딩 배너로 제작

2섹션(스폰서) :

브랜드 가치를 높히기 위해 스폰을 노출 및 해당 굿즈 링크

3섹션(영상) :

영상이 두개이기에 별도의 타이틀을 이미지로
데스크탑용과 모바일용을 제작

4섹션(브랜드 소개) :

네이버스토어는 제품 판매용 만을 위한 제작 툴로 인해
브랜드 소개를 할 수 있는 별도 디자인페이지 제작이 어렵지만
게시판의 상세페이지를 통해 브랜드 소개를 제작 링크

5섹션(특징) :

제품의 특징을 설명과 동영상으로 안내

리뉴얼 : 스폰서 페이지

리뉴얼 : 브랜드 소개

대메뉴 상단배너
MENU BANNER

스마트스토어에 없는 기능으로
브랜드스토어에서만 가능한
각각의 대메뉴 상단에 배너 제작

디 자 인  컨 설 팅

스 튜 디 오 M

DESIGN CONSULTING STUDIO-M


디자인은 문제해결의 도구일뿐
디자인만 바꾼다고 해결 되지 않습니다.
함께 고민하여 문제의 본질을 파악 강점은 부각하고,
약점은 보완하여 도움을 주는 당신의 디자인 파트너


연락가능시간 : 10AM ~ 6PM

연락처 : 010-8862-6151

E-MAIL : n21pekr@naver.com

COPYRIGHT ⓒ 2022 DESIGNSTUDIO-M ALL RIGHTS RESERVED.

디 자 인  컨 설 팅

스 튜 디 오 M

DESIGN CONSULTING STUDIO-M


디자인은 문제해결의 도구일뿐 디자인만 바꾼다고 해결 되지 않습니다.
함께 고민하여 문제의 본질을 파악 강점은 부각하고,
약점은 보완하여 도움을 주는 당신의 디자인 파트너


연락가능시간 : 10AM ~ 6PM

연락처 : 010-8862-6151

E-MAIL : n21pekr@naver.com

COPYRIGHT ⓒ 2022 DESIGNSTUDIO-M ALL RIGHTS RESERVED.