- 평가내역
WEB AWARD KOREA evaluation
등록정보
타이틀 | 고려에스엠티 | |||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Sealing Management Technologies | ||||||||||||||||||
서브타이틀 | 고려에스엠티 | |||||||||||||||||
Sealing Management Technologies | ||||||||||||||||||
URL | https://www.ksmt.co.kr/ 사이트보기 | |||||||||||||||||
소개 | 국내외 다양한 사업분야에서 최상의 제품과 서비스를 제공하는 sealing solution전문기업 고려SMT | |||||||||||||||||
키워드 | 고려SMT,SEALING,제조,고무제품 ,산업용기계, 농업기기 | |||||||||||||||||
제작년월 | 2023.11 | |||||||||||||||||
등록구분 | 데스크탑웹 | |||||||||||||||||
후보등록분야 | 기업일반 부문 > 제조업 등록분야 목록보기 |
|||||||||||||||||
소속사 | 고려에스엠티 | |||||||||||||||||
소속사 제작진 |
|
|||||||||||||||||
제작사 |
유엘디자인 |
|||||||||||||||||
제작사 제작진 |
|
|||||||||||||||||
웹사이트 설명 | [제작목적&기획의도]
노후화된 기존 홈페이지를 최신 트렌드에 맞춰 고급스럽고 심플하게 제작해달라는 요청 사항에 맞춰 컨텐츠 구성 및 컨셉, 디자인 및 레이아웃, 모션까지 제안하는 기획형 프로젝트였다.고려SMT는 자동차, 비행기, 우주선 등에 필수로 사용되는 고무제품인 sealing을 1972년 부터 제조한 회사로서 글로벌 기업으로 성장하고자 하는 비전을 가지고 있다. 이 부분을 강조하기 위하여 일단 "제품"에 집중하였다. B2B회사이고 이미 정해져 있는 거래처가 많은 회사지만 어떻게 하면 메인 비주얼에서부터 고려SMT는 뭐하는 회사지?에 바로 답을 할 수 있게 만들지?라는 해답으로 대표 제품이라고 생각되는 제품을 무작정 그리기 시작했다. 일러스트로 아웃라인을 그리고 이 라인이 그려지는 SVG효과로 제품에 집중하게 만들자! 그래서 고려SMT=Sealing라는 공식을 누구나 알 수 있게 하자!로 시작했다. 그리고 3D로 제품모델링을 하였다. 고급스럽게 연출하기 위해 뒷배경은 어두운 블루를 사용하고 제품은 블랙으로 작업했다. 메인 비쥬얼에서 스크롤 다운하여 바로 보여지는 컨텐츠 영역을 블랙으로 하고 "왜 갑자기 까만 화면이 나오지?"라고 의문을 가지는 순간 스크롤에 반응하여 제품으로 바뀌게 하자! 제품이 확대되어 있어 블랙 화면만 보이다가 스크롤에 반응하여 화면이 축소되면서 제품이 보이게한 것이다. 고객사에서 이 기획이 아닌 다른 평이한 시안을 채택했으나 직접 회사에 방문하여 대표님을 설득하여 메인 비주얼 컬러를 밝게하고 제품의 컬러는 실제 제품 컬러인 파란색으로 변경하는 것으로 하고 이 기획으로 컨펌받게 되었다. 고려SMT는 글로벌 기업으로 성장하고 있다는 메시지를 시각화하기 위해 지구본 위를 씰링 대표 제품이 회전하도록 표현하여 "고려SMT의 씰링 제품이 전세계로 뻗어나가고 있다"를 시각적으로 표현하고자 하였고 3D영상 작업에서 제품의 그림자를 반영하여 좀 더 임팩트를 주고자 하였다. [특징] 1. 고려SMT의 주 제품인 씰링을 라인과 3D를 직접 작업한 후 디자인요소로 활용하여 제품을 강조하였다. 2. 큼직한 타이포를 사용함으로써 강조하고자 하는 내용을 부각시켜 사용자들에게 쉽게 정보 전달을 할 수 있도록 하였다. 3. 글로벌 기업이라는 것을 강조하기 위하여 지구 주변을 회전하는 3D 제품 영상을 제작하였다. 4. 최신 트렌드 기법인 SVG 기법을 활용해 메인 비주얼의 제품 라인이 그려지는 모션을 구현하였다. 5. 6개의 산업군이 고정된 화면에서 위로 올라오는 모션 효과를 구현하여 산업군을 강조하였다. 6. 각각의 디바이스에 대응하기 위해 반응형으로 구축하여 사용자로 하여금 편리할 수 있도록 구축하였다. 7. B2B 기업의 홈페이지인 만큼 사용자의 페이지 이동이 용이하도록 레이아웃을 구성하였다. |
|||||||||||||||||
추가이미지 | ||||||||||||||||||
제작/구축 관련 자료 |