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

samnok
Design, Publishing
development

ux ui dESIGN

SAMNOK

Constant technology, Creation of new value

끊임없는 기술 개발, 새로운 가치 창조

Overview: '삼녹'은 자연을 위한 환경친화적인 세계 최고의 기업이며, 해양플랜트, 도로시설, 도금, 건축, 화학 발전 및 다양한
소재의 제품을 제공하는 기업입니다. 정보 전달률을 극대화할 수 있는 웹사이트 구축을 목표로 하여 제작되었습니다.
기업의 아이덴티티를 표현하기 위해 블랙 배경에 톡톡 튀는 요소들을 넣음으로써 재밌고 감각적인 느낌의 디자인으로
지향하였습니다. 깔끔하면서 시선을 사로잡기 위한 강한 비주얼을 바탕으로 직관적으로 시선이 가도록 유도하였습니다.

view site

(samnok)

(mobile design)

(point)

Tone & Fonts: 디자인의 흐름을 그대로 이어가기 위하여 디테일하게 레이아웃을 잡고 톤앤매너를
유지하였습니다. 컬러는 기업의 아이덴티티를 해석하여 주황색 계열의 옐로우를 포인트
컬러로 잡았습니다. 대비를 활용하여 블랙 배경에 화이트 폰트를 사용하였습니다. 가독성 높은
한글 폰트와 영문 폰트를 선택하였으며, 영문 폰트 위에 포인트 컬러를 활용한 텍스트를
배치하였습니다. 이러한 폰트를 통해 사용자에게 직관적으로 정보를 전달합니다.

Color

(Yellow)

R255 G206 B36
C4 M24 Y85 K0
#ffce24

Fonts

Color

(Orange)

R255 G150 B0
C0 M53 Y91 K0
#ff9600

Background
Color.

Object & Icon: (point)
메인비주얼에 선을 활용한 오브젝트로 포인트를 주었습니다.
사용자에게 직관적으로 내용을 전달하기 위해 깔끔하고 정리된 아이콘으로 해당 내용을 전달합니다.

Business Introduction design: 삼녹의 사업분야 소개는 역동적인 모션으로 사용자의 시선을 집중시킬 수 있도록 구성하였습니다.
해당 섹션은 처음엔 풀사이즈였던 배경이 스크롤에 따라 이미지가 줄어드는 모션으로 기획하였습니다. 그 후
스크롤에 따라, 이미지는 왼쪽으로 타이틀은 오른쪽으로 이동하며 그 카테고리들이 겹치면서 소개되는 구동을
넣었습니다. 텍스트는 이미지에 겹칠 때에는 가독성을 위해 하얀색, 안 겹칠 때에는 노란색 스트로크로 표현하여
직관적으로 정보를 전달합니다. 해당 카테고리의 사진에 마우스를 오버하면, 기업 소개에서의 구동과
동일한 커서가 나타남으로써 아이덴티티를 유지하였습니다.