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

semyung tech
Design, Publishing
development

ux ui dESIGN

semyung

The world’s best lightweight parts specialist

세계 최고 경량화 부품 전문기업

Overview: 세명테크는 경량화 부품전문 기업이며, 기업이 가지고 있는 기술력과 혁신성을 강조를 목표로 기업의 신뢰도를 높일 수
있는 이미지와 모션을 활용하여 메인 페이지 시안을 디자인 하였습니다. ‘기술력과 혁신’이라는 기업의 아이덴티티를
표현하기 위해 폰트, 컬러, 풀화면을 활용하여 안정된 레이아웃으로 구성하였으며, 사용자의 시선을 집중시킬 수 있도록
모션을 활용하여 디자인을 완성하였습니다. 직관적인 버튼UI를 통해 사용자의 클릭을 유도할 수 있도록 디자인하였습니다.

view site

(semyung tech)

(mobile design)

(point)

Tone & Fonts: 블랙과 화이트 대비를 활용하여 사이트가 세련돼 보일 수 있도록 디자인하였으며, 홈페이지가 다크 해 보이지
않도록 그레이 톤을 적절하게 사용하여 전체적으로 톤을 정리하였습니다. 로고의 색상을 활용하여
포인트 컬러로 활용하여 사이트가 단조로워 보이지 않도록 구성하였습니다. 사용자에게 명확하게 정보를 전달할 수 있는
폰트를 선택하였으며, 국·영문 폰트 크기와 굵기에 강약을 두어 타이포를 강조시켰습니다. 타이포를
강조하는 구간에서는 이미지를 한쪽으로 배치시켜 타이포와 이미지가 어우러지도록 하였습니다.

Color

(Blue)

R17 G85 B166
C91 M70 Y9 K0
#1155a6

Fonts

Color

(Yellow green)

R109 G183 B77
C62 M9 Y86 K0
#6db74d

Background
Color.

Illustration: (point)
ESG 섹션에는 일러스트를 활용한 도형으로 포인트를 주면서 아이덴티티를 유지하였습니다.
선을 활용한 일러스트에 모션을 추가하여 사용자의 시선을 집중시키며 해당 섹션을 강조하였습니다.

product section design: 세명테크가 기술력과 혁신을 강조하는 만큼 세명테크의 기술이 들어간 제품을 직관적으로 소개할 수 있도록
구성하였습니다. 첫 화면에서는 타이포로 강조 시키고 배경 컬러를 반전시켜 제품 카테고리 (제동, 현가, 변속기, 엔진)
이 하나씩 올라오는 모션 구현으로 방문자들의 시선을 잡을 수 있도록 했습니다. 자동차 관련 기업인만큼
정적인 모션보다는 역동적인 모션이 구현되는 구성으로 잡았으나, 시선을 분산시키지 않기 위해 굵은 전체 모션에
세부 디테일 모션을 추가하여 섬세한 홈페이지로 완성시켰습니다.