NSAD 패션 브랜드 이커머스 히어로 비주얼 — 뮤자인 웹사이트 리뉴얼

July 30, 2020

nsad

E-commerce Planning & Design Project

Design Project

© 2019 All copyright by musign.

play

Overview

유니크한 패션 디자인으로 이목을 끄는 스트릿 브랜드는 많습니다.

하지만, 그 개성을 제대로 보여주지 못하는 온라인 커머스도 많습니다.

그렇기에 우리는 기존에 존재하지 않던 NSAD라는 새로움을 어떻게 풀어낼 지 고민하고 현 커머스 시장에서 차별성을

보여줄 수 있는 디자인을 진행했습니다.

Concept

NSAD의 스트릿, 테크 두가지의 카테고리를 각 디자인의 아이덴티티를 부각시키면서 기존 브랜드들과 차별화된 점을

강조시키기 위해 유니크하고 실험적인 그래픽과 VHS 필터효과, 마이크로 인터랙션을 사용하는 방향으로 기획을 했습니다.

N o S t r i n g s A t t a c h e D

N o S t r i n g s
A t t a c h e D

NSAD 패션 의류 상품 비주얼 1 — 뮤자인 반응형 B2C 웹사이트 리뉴얼
NSAD 패션 의류 상품 비주얼 2 — 뮤자인 반응형 B2C 웹사이트 리뉴얼
NSAD 패션 의류 상품 비주얼 3 — 뮤자인 반응형 B2C 웹사이트 리뉴얼
NSAD 패션 의류 상품 비주얼 4 — 뮤자인 반응형 B2C 웹사이트 리뉴얼
NSAD 패션 의류 상품 비주얼 5 — 뮤자인 반응형 B2C 웹사이트 리뉴얼
NSAD 패션 의류 상품 비주얼 6 — 뮤자인 반응형 B2C 웹사이트 리뉴얼

Color System

NSAD 블루와 유니버스 블랙, 크롬그린 등 비비드한 컬러를 이용하여 유니크한 톤앤무드를 강조합니다.

#003594

NSAD Blue

#000000

Universe Black

#94fd38

Chrome Green

Typography

  • English

    Uwd din

    no strings attached. no strings attached.

    no strings attached. no strings attached.

    no strings attached. no strings attached.

  • Korean

    Noto Sans CJK KR

    우리는 어떠한 조건도, 제약도 없는 자유로움을 지향합니다.

    우리는 어떠한 조건도, 제약도 없는 자유로움을 지향합니다.

    우리는 어떠한 조건도, 제약도 없는 자유로움을 지향합니다.

NSAD PC 메인 페이지 디자인 — 트랜디한 그래픽·글리치 효과 적용 패션 이커머스

PC Main

PC 환경에서는 사용자에게 기존 브랜드와 차별화 되는 트랜디한 브랜드, NSAD다움을 느낄 수 있도록 디자인 트랜드를

반영한 유니크한 그래픽, 인터랙션, 글리치, VHS 필터 효과를 적용하여 NSAD의 아이덴티티를 보여줍니다.

NSAD PC 버전 반응형 웹사이트 전체 화면 목업 — 뮤자인 패션 의류 웹사이트 리뉴얼

Mobile Main

PC보다 모바일 환경이 익숙한 MZ세대를 타켓으로 하는 브랜드인 만큼, 실질적인 구매가 활발하게 이루어지는 모바일 환경에서는

커머스 기능의 사용성을 높히는 데 초점을 두었습니다.

NSAD 모바일 메인 배너 — 볼드 텍스트·인터랙션 패션 이커머스 PC 화면 NSAD 모바일 메인 배너 — 볼드 텍스트·인터랙션 패션 이커머스 모바일 화면
NSAD 모바일 위클리 드롭 슬라이드 — 신상품 슬라이더 패션 이커머스 PC 화면 NSAD 모바일 위클리 드롭 슬라이드 — 신상품 슬라이더 패션 이커머스 모바일 화면
NSAD 모바일 상품 목록 — 컬러 미리보기 기능 패션 이커머스 PC 화면 NSAD 모바일 상품 목록 — 컬러 미리보기 기능 패션 이커머스 모바일 화면
Main banner

PC버전뿐만 아닌 모바일 환경에서도 NSAD만의 감성을 경험할 수 있도록, 볼드한 텍스트와 인터렉션을 모바일 환경에 최적화하여 구현했습니다.

Weekly drop

모바일 환경에서는 슬라이드를 활용하여 제품 확인 및 구매를 용이하게 하여 사용자에게 편리한 쇼핑 경험을 제공합니다.

Product list

제품구매 시 다른 컬러를 클릭만으로도 미리볼 수 있게 하여 모바일 환경에서 쇼핑 시 사용자에게 최적의 편의성을 제공합니다.

Mobile Sub

NSAD 모바일 서브 페이지 화면 1 — 패션 의류 반응형 웹사이트 뮤자인
NSAD 모바일 서브 페이지 화면 2 — 패션 의류 반응형 웹사이트 뮤자인
NSAD 모바일 서브 페이지 화면 3 — 패션 의류 반응형 웹사이트 뮤자인 NSAD 모바일 서브 페이지 화면 3 모바일 버전 — 패션 의류 반응형 웹사이트 뮤자인
NSAD 모바일 서브 페이지 화면 4 — 패션 의류 반응형 웹사이트 뮤자인
NSAD 모바일 서브 페이지 화면 5 — 패션 의류 반응형 웹사이트 뮤자인
NSAD 모바일 서브 페이지 화면 6 — 패션 의류 반응형 웹사이트 뮤자인
NSAD 모바일 서브 페이지 화면 7 — 패션 의류 반응형 웹사이트 뮤자인
NSAD 모바일 서브 페이지 화면 8 — 패션 의류 반응형 웹사이트 뮤자인

Musigner Talk

Kim Jino — 뮤자인 기획팀 PM

Kim Jino Planning dept

NSAD는 1020세대를 겨냥한 스트리트 감성의 패션브랜드로서 NSAD만의 감성을 보일 수 있는 패션 아이템들을 선보이고 있습니다.
No Strings Attached 어떠한 조건과 제약이 없는 자유로움을 지향하는 브랜드아이덴티티를 소비자들에게 전달하고,
사용자 중심적으로 간편하고 이용하기 편리한 브랜드 이커머스를 만들어냈습니다.
성공적인 프로젝트를 위해 짧고도 긴 작업기간동안 고생한 TF구성원들에게 감사의 말씀을 드립니다.
Kim Minkyu — 뮤자인 웹 개발팀

Kim Minkyu Web Dev dept

새롭게 출시하는 NSAD를 소비자들에게 오래 인식이 될 수 있도록 편리한 기능과 인터렉션을 고민하며 구현할 수 있어 좋은 경험이 되었습니다!
Byeon Jiyoon — 뮤자인 웹 개발팀

Byeon Jiyoon Web Dev dept

NSAD만의 개성있는 인터렉션 효과를 구현할 수 있어 흥미로웠습니다!
Hong Jayoung — 뮤자인 디자인팀

Hong Jayoung Design dept

그동안 시도해보지 않았던 독특하고 실험적인 스타일의 작업을 진행해볼 수 있어서 즐거웠습니다!
Jung Yeojin — 뮤자인 디자인팀

Jung Yeojin Design dept

K2에서 새롭게 출시하는 NASD만의 트렌드하고 개성 있는 다양한 디자인을 펼칠 수 있는 기회였고 좋은 경험을 할 수 있어 즐거웠습니다!

With musign

hi@musign.net

8F, 156 seongan-ro
gangdong-gu, seoul korea

INFO/02 476 6740

PROJECT/02 6956 6297

musign_3d

무엇이든 물어보세요!
챗봇아이콘 챗봇아이콘

Always active

챗봇이미지
반가워요.
무엇을 도와드릴까요?