....

퀵메뉴
!%<@}#*&

semyung tech
Design, Publishing
development

ux ui dESIGN

@2023

semyung

The world’s best lightweight parts specialist

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

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

(semyung tech)

Mobile Design

모바일

(mobile design)

#esg
지속가능경영
#community
소통
#trust
신뢰
#future
유용
#technology
기술
#product
제품

(point)

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

Color

(Blue)

R17 G85 B166
C91 M70 Y9 K0
#1155a6

Fonts

Ab
SUIT sans-serif
Pretendard

Color

(Yellow green)

R109 G183 B77
C62 M9 Y86 K0
#6db74d

Background
Color.

Illustration
(point)

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

Illustration
일러스트를 활용한 포인트 오브젝트
  • ESG 경영

  • 윤리경영

  • 품질경영

  • 사회공헌 및 상생경영

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

semyung tech design semyung tech design semyung tech design

semyung tech
mobile design

(semyung tech)

(mobile)

semyung tech
ui design

semyung tech
Design, Publishing
development

sUB DESIGN

백그라운드
리스트로 가기
잇다소프트의
포트폴리오를 확인하세요
혁신적인 디자인혁신적인 디자인으로 홈페이지를 크리에이티브홈페이지를 크리에이티브하게 변화시킵니다.