VIEWMORE

SNJ

  • PRODUCT
  • EDITORIAL
  • UX/UI
  • MEDIA

DATE 2024.03

OVERVIEW

글로벌 대표 피부 미용 레이저 기업 SNJ

SNJ는 1998년에 설립된 피부미용 의료용 레이저 기기 전문 제조회사로, CO2 레이저 기술에서 국내 최고 수준의 기술력과 품질을 자랑합니다. 고품질 펄스 기술 연구에 집중하고 있으며, 이를 기반으로 전문성을 강화한 의료용 레이저 장비 포트폴리오를 구축했습니다. 현재 SNJ는 국내 시장을 넘어 글로벌 대표 피부 미용 레이저 기업으로 자리매김하고 있습니다.

PRJECT GOAL

기존 홈페이지의 딱딱함은 탈피하고 글로벌 기업으로서의 이미지 강화

기존 홈페이지의 딱딱한 이미지를 벗어나, BI 요소를 보완하여 글로벌 기업으로서의 유연하고 현대적인 이미지를 강조합니다. 사용자 친화적인 디자인과 인포그래픽, 아이콘을 활용해 방문자들이 정보에 쉽게 접근할 수 있도록 하고, 브랜드의 글로벌 비전과 가치를 자연스럽게 전달합니다.

INFORMATION

사용자가 쉽게 접근할 수 있는
직관적인 UI 구성을 통한 정보 제공

FLEXIBLE

SNJ의 심볼을 형상화하는 원형 요소를
활용하여 기존 홈페이지의 딱딱함 탈피

IDENTITY

CI 컬러를 적극 활용한 통일된 비주얼과
색감으로 SNJ의 아이덴티티 유지 및 강화

기존 딱딱하며 장비 브랜드 이미지를 탈피하여 글로벌 기업으로서의 이미지 강화

DESIGN CONCEPT

기업의 아이덴티티를 유지하며 직관적인 정보 확인 가능

깔끔하고 가독성이 높은 폰트를 사용하여 전문적인 이미지와 신뢰도를 높였으며,
SNJ의 CI 컬러와 심볼을 형상화한 원형 요소를 활용하여 브랜드 아이덴티티를
유지하고 강화했습니다. 또한, 아이콘, 인포그래픽, 큰 폰트를 활용해 직관적으로
정보를 전달할 수 있도록 디자인되었습니다.

COLOR/SHAPE

아이덴티티 강화Identity Intensification

LAYOUT

전문성Improve Specialty

GRAPHIC

직관적인 정보 전달Intuitive Information Delivery

TYPOGRAPHY

깔끔하면서 가독성이 좋은 고딕체 폰트 사용

사용자가 정보를 쉽게 읽고 이해할 수 있도록 깔끔하면서 
가독성이 좋은 고딕체 폰트를 사용하였습니다.

MAIN

  • 국문과 영문을 아우르는 ‘Pretendard”를
    본문 및 상세 설명에 사용하여 가독성을 높였습니다.

SUB

  • 고급스럽고 정갈한 느낌을 주는 ‘Archivo’를 서브 타이틀이나
    보조텍스트에 사용하여 전문적이고 안정적인 느낌을 강조하였습니다.

POINT

  • 눈에 띄고 세련된 느낌을 주는 ‘Poppins’를 포인트 텍스트나
    헤드라인, 제목 등에 사용하여 시선을 집중시킵니다.

COLOR SYSTEM

SNJ의 CI 컬러 활용을 통한 아이덴티티 강화

메인 포인트 색상은 하늘색 계열을 사용하여 차분하고 맑은 분위기를 연출하고, 서브 포인트 색상은 하늘색과 보라색의 그라데이션을 활용하여 시각적으로 강렬하면서도 부드러운 시선 유도를 통해 디자인에 청량함과 신비로움을 동시에 부여합니다.

MAIN POINT 1

  • R : 136 G : 199 B : 235
  • #A3C7EB

MAIN POINT 2

  • R : 129 G : 182 B : 235
  • #81B6EB

SUB POINT

  • #81B6EB ~ #B57DF6

WHITE

  • R : 255 G : 255 B : 255
  • #FFFFFF

PRODUCT DESIGN

3D RENDERING IMAGE

SNJ 3D 렌더링 이미지

실제 제품의 CMF(Color, Material, Finishing)를 반영하여 
제품 구조와 사용 예시를 명확하게 보여줄 수 있도록 
렌더이미지를 제작하였습니다.

VISUAL DESIGN

PRODUCT CATALOG

U-Pulse Dual & Single 제품 카탈로그

SNJ의 신제품 U-Pulse Dual과 Single 제품을 소개하는 카탈로그를 디자인했습니다. 제품의 이미지와 간결한 레이아웃, 그리고 일러스트 등을 활용하여 직관적으로 제품의 주요 효과 및 정보를 전달합니다. 또한 기기의 주요 부품인 핸드피스의 세부적인 특징 및 화면의 인터페이스를 이미지 배치를 다양하게 활용하여 효율적으로 소개합니다. 제품 로고의 컬러를 포인트 컬러로 활용하여 아이덴티티를 강조하고 전체적으로 모노톤을 사용하여 고급스러운 이미지를 전달합니다.

CATALOG

UXUI DESIGN

MAIN PAGE

사용자가 콘텐츠에 더욱 집중할 수 있도록 유도하는 풀 페이지 비주얼

풀 페이지 비주얼, 고정형 GNB, 메인 제품 홍보 영상, 스크롤 시퀀스를 활용한
메인 페이지는 사용자가 콘텐츠에 몰입하고 제품 관심을 높이며 전환율을
증가시킬 수 있습니다.

SNJ COMPANY PC

GUI

깔끔하고 직관적인 디자인과 레이아웃을 적용한 간결한 의료기기 화면

Finebeam
Dual

Finebeam Dual

퍼플톤의 그래픽 배경으로 미래지향적인 느낌을 강조하고 공간감을 통해 중앙으로 집중되는 레이아웃, 배경을 강조하고 트렌트에 맞게 선 요소를 활용하여 깔끔하고 미니멀한 느낌을 주고자 하였습니다.

INTRO

HOME MODE

1064 QSW 작동 화면

1064 QSW MEMORY

532 QSW 작동 화면

LPS 작동 화면

532 QSW Ruby 작동 화면

Finexel
Evero

Finexel Evero

라이트톤의 부드러운 이미지의 화면 디자인, 퍼플톤의 그래픽 배경으로 미래 지향적인 느낌을 강조하며 모드별 컬러를 그라이데이션 효과로 강조하고 입체적인 느낌을 주고자 하였습니다.

INTRO

HOME MODE

FRX 작동 화면

FRX MEMORY

EVE 작동 화면

CO₂ (CW)작동 화면

CO₂ (ULTRA)작동 화면

CO₂ (ULTRA)MEMORY

SUB PAGE

메인페이지에서 사용한 색감과 직관적이며 깔끔한 레이아웃

메인 페이지에서 사용한 색감을 활용하여 통일성을 높이며, 직관적이면서 깔끔한 레이아웃을 활용하여 사용자들에게 효과적인 정보전달이 가능합니다.

PRODUCTS

SNJ의 제품을 상세하게 확인 할 수 있는 제품 상세 페이지입니다. 좌측에 scroll spy 기능을 적용하여 어느 섹션에 있는지 시각적으로 알려줄 뿐만 아니라 원하는 영역으로 이동할 때 유용하게 사용합니다.

COMPANY

SNJ의 기업 정보 페이지로 CI, 연혁, 본사 위치 등이 확인 가능합니다.

RESPONSIVE WEB

반응형 홈페이지

다양한 디바이스 환경에서 최적화된 반응형 홈페이지로 콘텐츠를 쉽고 빠르게 전달합니다.

MEDIA DESIGN

MEDIA

SNJ의 제품에 대한 홍보영상 제작

SNJ의 제품을 소개하는 홍보영상으로, 블랙 배경을 활용해 제품을 강조하고 있습니다. 전체적으로 간결한 구성으로, 제품의 핵심 내용을 효과적으로 전달하며, 시청자들이 쉽게 이해할 수 있도록 디자인되었습니다.

관련 카테고리 보기

error: Content is protected !!

Pin It on Pinterest