홈페이지제작 (주)잇다소프트

JBDISPLAY
Design, Publishing
development

ux ui dESIGN

JBDISPLAY

Light up, your life

빛으로 만나는 새로운 세상

Overview: JBDISPLAY는 디스플레이 전문 기업으로, 깔끔하면서 주목성 높은 기업 소개를 목표로 두어 홈페이지를 제작하였습니다.
홍보와 소개를 목적으로 하는 만큼 기업의 포트폴리오를 강조하였습니다. 제품을 소개하는 부분에서는 사용자의
시선을 집중시키면서 직관적으로 홍보할 수 있는 모션으로 구성하였습니다. 포인트 색상을 적극적으로
활용하여 아이덴티티를 유지하였으며, 영상을 활용함으로써 기업의 신뢰도를 높일 수 있는 사이트로 기획하였습니다.

view site

(JBDISPLAY)

(mobile design)

(point)

Tone & Fonts: 블랙과 화이트를 활용해 대비를 표현하기보다는 로고를 활용한 쿨 그레이 톤을 활용하여 대비를 표현하여
JBDISPLAY만의 아이덴티티를 표현하였습니다. 화려한 제품 이미지와 조화롭게 이뤄질 수 있도록 그레이 톤의 배경을
활용하여 레이아웃을 정리하였습니다. 기업 소개 및 홍보를 적극적으로 하기 위해 가독성 높은 폰트를 선택
하였습니다. 폰트의색상을 다르게 주어 트렌디하면서도 정보를 전달할 수 있도록 구성하였습니다.

Color

(Blue)

R63 G105 B255
C80 M60 Y10 K0
#3f69ff

Fonts

Color

(Blue)

R110 G124 B255
C68 M53 Y0 K0
#6e7cff

Gradation
Color.

Point motion: (point)
JBDISPLAY 사이트는 모션에 포인트를 두고 작업하였습니다.
호버 시 해당 콘텐츠를 더 명확하고 트렌디하게 보여줄 수 있는 모션으로 구성하였습니다.
이러한 모션을 통해 사용자의 콘텐츠 클릭을 유도합니다.

before

after

Introduction Design: 콘텐츠를 소개하는 부분은 스크롤 모션을 활용하여 직관적으로 보일 수 있도록 구성하였습니다. 콘텐츠에
집중을 할 수 있도록 중앙에 고정시켰으며, 스크롤 시 해당 내용이 보여진 후 다음 콘텐츠로 넘어갈 수 있도록
기획하였습니다. 스크롤 시 이미지가 해당 영역 안에서 차례대로 나오면서 보일 수 있도록 하였습니다. 이러한
모션을 통해 사용자에게 생동감을 전달하며, 직관적이면서 명확하게 정보를 전달합니다. 또한 버튼을
클릭해서도 내용을 확인할 수 있도록 구성하였으며, 포인트 컬러를 활용하여 아이덴티티를 유지하였습니다.