제조/기계/금속/소재
대창단조
  • #건설중장비 핵심부품 #세계적 기업
CLIENTS.
대창단조
DATE.
2023-06-07
TYPE.
Responsive Web
제작중

제조/기계/금속/소재

대창단조 #건설중장비 핵심부품 #세계적 기업
제조/기계/금속/소재
대창단조
  • #건설중장비 핵심부품 #세계적 기업
CLIENTS.
대창단조
DATE.
2023-06-07
TYPE.
Responsive Web
Device.

디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.

기획의도.

유엘디자인은 한눈에 이 기업은 무엇을 하는 기업인지를 알수 있도록 웹사이트를 기획합니다.
"대창단조"는 건설중장비의 핵심 부품을 제조하는 기업이므로
이 부분을 강조하기 위해 굴착기 부품들이 모여서 트랙 체인이 되는 3D영상을 기획하였습니다.
부품들을 일일이 3D모델링하여 3D영상 작업을 하였고 부품이 날아오는 각도와 시간. 체인이 완성된 후 회전시간 등
수도 없는 시도와 수정으로 공들여 작업한 작품입니다.
"남해화학", "한맥콘트롤즈", "디아이씨", "와이투솔루션", "제엠디케미칼", "알파엔지니어링" 등
수많은 제조업 홈페이지 구축 경험을 살려 심플 간결하면서도 와우포인트가 살아있도록 심혈을 기울여 제작하고 있습니다.

Design Concept.

Product 부분은 건설중장비를 일러스트로 직접 그려 넣었으며, 해당 제품 라인이 확대되면서 대창단조의 핵심 부품들이 보여지도록 레이아웃을 구성하였습니다.
Sustainable Management 컨텐츠의 슬라이드의 공간감을 부각시키기 위해 기울기를 주어 구성하였습니다.
News와 Recruit의 버튼에 마우스 오버 시 이미지가 나타나도록 하여 텍스트를 부각시켰습니다.

Colors.
Typo.
Proposal Design.

A타입은 컨펌해주신 프로토타입대로 깔끔하면서 밝고 세련된 느낌을 부각시켜 작업하였습니다.
Product 부분은 건설중장비를 일러스트로 직접 그려 넣었으며, 해당 제품 라인이 확대되면서 대창단조의 핵심 부품들이 보여지도록 레이아웃을 구성하였습니다. Sustainable Management 컨텐츠의 슬라이드의 공간감을 부각시키기 위해 기울기를 주어 구성하였습니다.
News와 Recruit의 버튼에 마우스 오버 시 이미지가 나타나도록 하여 텍스트를 부각시켰습니다.
B타입은 메인 비주얼에 임팩트를 주기 위하여 인트로에 인터렉션 효과를 구상해보았으며, Product 컨텐츠가 한 눈에 보여질 수 있도록 레이아웃을 변경해보았습니다.
또한, Sustainable Management의 텍스트가 고정되면서 5개의 경영 모토가 스크롤되도록 구성해보았습니다.
C타입은 '단조'의 무겁고 중후한 느낌을 담고자한 타입으로 전체적인 배경색은 어두운 색으로 선정하여
중후하면서도 고급스러운 분위기를 연출하고자 하였습니다.
상단 비주얼에서부터 문구와 일러스트, 실제 생산 제품을 조화롭게 배치함과 동시에
단조 과정을 연상케하는 불빛이 번쩍이는 효과를 더해주어 사용자들에게 기업의 정체성과 임팩트를 한눈에 안겨주고자 하였습니다.
또한 제품소개 영역에는 디테일한 일러스트를 통해 제품을 소개함으로서 제품의 신뢰적인 느낌을 줄 수 있도록 하였습니다.

Confirm Design.
Sub Design.
Motion.

글로벌 기업이라는 것을 강조하기 위해 지도 모션이 플레이된 후 제품이 나오도록 작업하였습니다.
제품군은 자동 슬라이드이지만 제품명을 클릭 시 해당 제품으로 변경되도록 하여 사용자의 편의성을 높여 작업하였으며
스크롤을 내릴 때 마다 컨텐츠가 나타나도록 구현하였습니다.

관련 프로젝트.