제조/기계/금속/소재
하이윈 #모션컨트롤 #시스템테크놀로지디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.
스크롤 시 하이윈의 제품 이미지가 자연스럽게 플립되도록 구현하였으며,
영역이 고정된 채로 이미지와 텍스트가 변경되는 모션을 구현하여 사용자의 몰입감을 더해주었습니다.
Hi-tech Winner!
세계적인 혁신 기술을 선도하는 하이윈의 브랜드 아이덴티티를 강화하는 웹사이트 리뉴얼!
하이윈은 첨단 기술의 선두주자로서 혁신적인 성과를 이루며, ‘Hi-tech Winner!’라는 슬로건 아래
지속적인 기술 개발과 시장 선도를 목표로 하고 있는 기업입니다.
이번 홈페이지 리뉴얼은 기존 사이트의 노후화된 디자인과 UX/UI의 한계를 보완하고,
기업의 신뢰성과 기술력을 더욱 효과적으로 전달하고자 하였습니다.
특히 하이윈이 보유한 첨단 기술과 제품의 우수성을 강조하는 데 중점을 두어
브랜드 아이덴티티를 강화하는 디자인 요소를 적용하고, 최신 트렌드를 반영한 세련된 스타일링을 통해
혁신적인 기업 이미지를 부각시켰습니다. 또한, 단순한 정보 나열 방식에서 벗어나 인터랙티브한 모션과
애니메이션을 활용하여 사용자 경험을 보다 역동적으로 개선하였습니다.
전체적인 UX/UI 또한 심플하면서 직관적인 구조로 기획하여 기업의 핵심 가치와 기술력을
더욱 효과적으로 전달할 수 있도록 기획하였습니다.
하이윈의 시그니처 컬러인 그린 컬러와
그에 어울리는 컬러를 바리에이션하여
기업의 아이덴티티를 부각시켰으며,
기업의 기술력과 전문성을 강조하기 위해
깔끔하고 심플한 룩앤필로 작업하였습니다.
A타입은 고객사의 니즈를 적극적으로 반영하여 작업한 타입으로
비주얼에는 사업의 정체성을 대표할 수 있는 영상을 풀영역으로 배치하여 신뢰감과 전문성을 돋보이게 하였으며
제품군은 한눈에 보일 수 있는 레이아웃을 선정하였습니다.
또한 퍼스널 컬러를 활용하여 아이덴티티를 심어주었으며
하단 문의하기에는 배경에 고퀄리티 영상을 활용하여 전문성을 부각시켜보았습니다.
B타입은 최신 웹 트렌드를 반영하여 제안하는 타입으로
곳곳에 인터렉티브한 모션을 구현하여 전체적으로 역동감을 주었습니다.
인트로 영역과 비주얼 영역에 제품을 바로 노출시켜 기업의 정체성과 신뢰감을 부각시켰으며
콘텐츠에 기울기를 활용한 레이아웃 기법과 모션 기법을 적용함과 동시에
얇은 라인 요소를 활용하여 디자인 디테일을 주어 기업의 전문성과 기술력을 돋보이게 하였습니다.
제조/기계/금속/소재
2024.10.30제조/기계/금속/소재
2024.06.21제조/기계/금속/소재
2023.11.01제조/기계/금속/소재
2023.06.15제조/기계/금속/소재
2023.04.03제조/기계/금속/소재
2022.12.19제조/기계/금속/소재
2022.12.09제조/기계/금속/소재
2022.11.07제조/기계/금속/소재
2022.10.24제조/기계/금속/소재
2022.09.27제조/기계/금속/소재
2022.08.05제조/기계/금속/소재
2022.06.07제조/기계/금속/소재
2022.05.03제조/기계/금속/소재
2021.09.16제조/기계/금속/소재
2021.09.01제조/기계/금속/소재
2021.07.09제조/기계/금속/소재
2021.04.14제조/기계/금속/소재
2021.03.08제조/기계/금속/소재
2021.01.07제조/기계/금속/소재
2020.12.11제조/기계/금속/소재
2020.11.24제조/기계/금속/소재
2020.11.13제조/기계/금속/소재
2020.07.30제조/기계/금속/소재
2020.06.10제조/기계/금속/소재
2020.04.22제조/기계/금속/소재
2019.12.19제조/기계/금속/소재
2019.12.10제조/기계/금속/소재
2019.11.27제조/기계/금속/소재
2019.11.01제조/기계/금속/소재
2019.09.27제조/기계/금속/소재
2019.08.21제조/기계/금속/소재
2019.08.01제조/기계/금속/소재
2019.06.12제조/기계/금속/소재
2019.05.20제조/기계/금속/소재
2019.05.08제조/기계/금속/소재
2018.09.21제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중제조/기계/금속/소재
제작중