That’s So you, Neker. PC & Mobile Web UX/UI eXperience Design

Neker

© 2021 Plus X Co.

Overview

네케르는 2020년 9월에 런칭한
신생 메이크업 코스메틱 브랜드로써,
세상의 모든 다양한 아름다움과
나만의 개성을 존중하는
열려있는 사고로 고객 그리고
세상과 소통하고자 합니다.
이러한 네케르의 비전을 오프라인뿐만
아니라 온라인에서도 고객들에게
효과적으로 보여주고 브랜드 및 상품에 대한
인지도와 신뢰 형성이
필요하다고 생각했습니다.
이를 위해 플러스엑스의
BX팀과 UX/UI팀이 협업하였고,
그 과정에서 UX/UI팀은
PC/Mobile 브랜드 웹사이트 구축 작업을
담당하였습니다.

That's So you mobile webpage screen
Neker is a make-up brand for generations who are healthy, confident and pursuing their own beauty. We support all the self-reliant people of this era who find their own standards of beauty.

Neker Design Language

로고 타입에서 차용한 타이포그래피를 사용하여
브랜드 아이덴티티를 전달하고,
텍스트에 톤온톤 그라데이션을 사용하여
개인의 고유한 아름다움과 개성을 표현했습니다.
또한, 제품 텍스쳐를 활용한 디자인과
텍스쳐가 그려지는 인터랙션을 통해
디지털이라는 물리적인 한계를 넘어
네케르의 제품을 느낄 수 있도록 하였습니다.

  • Typography/Image
  • Font: Neue Hass Unica Pro regular, bold
  • Color: Tone On Tone Gradation
  • Concept: Beauty Spectrum
Own Ratio

Desktop / Mobile GNB

GNB Design

Face, Lip, Eye 등으로 적용 부위가
명확히 나뉘는 메이크업 코스매틱의 특성을 살려
라인 위주의 메뉴 구성보다는
제품이 적용되는 부위별로 메뉴를
구성하여 사용자의 접근성을 높이고자 하였습니다.
그리고 브랜드 웹사이트에서
직접적인 제품 판매가 이뤄지지 않기에,
네케르 제품 구매가 가능한 스토어로
연결하는 버튼도 함께 제공하도록 하였습니다.

pc gnb design mobile gnb design

Desktop Home Page

Home Page Design

브랜드 웹사이트에서 브랜드 아이덴티티뿐만
아니라 FX 파운데이션, 컬러스웨이드 립라커,
베일레이어 섀도우 팔레트, 모이스터치 크림 등
네케르가 보유한 다양한 코스매틱 제품도
강조되어야 합니다.

Desktop Home Page_Card Type

저희는 새로운 제품 런칭 등의 이슈에
웹사이트에서 효율적으로 운영되기 쉽도록,
카드 타입 리스트로 설계했으며
제품 용기뿐만 아니라 제형, 컬러 등의
해당 제품의 특징을 잘 드러내는 정보를
각 카드에 담아 고객에게 잘 전달되도록 했습니다.

Card Type

Desktop All Products Page

All Products Page Design

네케르의 다양한 제품을
한 번에 탐색할 수 있는 공간으로,
사이트 메뉴 구성과 동일하게
부위별로 페이지 영역을 구성하여
일관된 탐색 경험을 제공합니다.

Desktop Product Detail Page

Product Detail Page Design

제품 상세페이지의 정보 구성을 블록화하여
새로운 컬러 및 제품군이 추가될 때마다,
효율적이고 빠르게 대응할 수 있도록
설계하였습니다.
그리고 고객들에게 불필요한 정보 노출을 줄이고,
해당 제품을 구매할 수 있는 페이지로
이동할 수 있는 경로를 마련하여
원활한 제품 정보 습득 환경이 조성되도록 하였습니다.

Desktop Product Detail Page_Grid System

Grid System

Desktop Brand Story

Brand Story Page Design

네케르라는 브랜드에 대해 소개하는 공간으로,
철학과 브랜드 에센스, 제품 컨셉 등의
내용을 담아 네케르만의 고유 가치를 담고 있습니다.

Mobile
Mobile UX/UI Design

Mobile Home Page

모바일 환경에서도 PC와
동일한 사용 경험을 제공하고자,
PC에서 활용된 디자인 컨셉 및 레이아웃을
모바일에도 적용하였습니다.

Home Page Design

Mobile All Products Page

All Products Page Design

네케르의 다양한 제품을
한 번에 탐색할 수 있는 공간으로,
사이트 메뉴 구성과 동일하게
부위별로 페이지 영역을 구성하여
일관된 탐색 경험을 제공합니다.

  • mobile screen mobile screen
  • mobile screen mobile screen

Mobile Product Detail Page

Product Detail Page Design
Product Detail Page screen Product Detail Page screen

Brand Story / Contact Page

Brand Story Page Design Brand Story Page screen
Contact Page Design Contact Page screen
Neker is a make-up brand for generations who are healthy, confident and pursuing their own beauty. We support all the self-reliant people of this era who find their own tandards of beauty.
Beauty Spectrum
credit
PLUS X Creative Director:Sabum Byun,Myungsup Shin/Project Director:Dongwoo Lee,Kihyun Kim,Hyuntaek Sim,Sangwon Yu,Jaehoon Lee,Hyojin Lee/UI Designer:Hyunkyu Lee,Dahye Kim/UX Designer:Jungbin Lee/DX Developer:Minji Kwon/BX Strategist:Bohyun Kook/BX Designer:Heejae Jang/BM:Eunjee Kim,Bitgoeul Kang,Gayeon Park,Chiyeong Won/IMC:Lai Kim,Keunhee Cha/PD1:Daesung Kim
PLUS A WS Developer:Mira Jeong,Minju Kim,Dohee Ji
Partners:Cosmic Ray,Revipe,MOFAC,General Graphics
Contributor:Kahyun Kim(BX Design Ideation)

© 2021 Plus X Co.