


제조업
하이윈 #모션컨트롤 #시스템테크놀로지
Motion
스크롤 시 하이윈의 제품 이미지가 자연스럽게 플립되도록 구현하였으며,
영역이 고정된 채로 이미지와 텍스트가 변경되는 모션을 구현하여 사용자의 몰입감을 더해주었습니다.
Device
디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 반응형 웹으로 제작되었습니다.
기획의도
Hi-tech Winner!
세계적인 혁신 기술을 선도하는 하이윈의 브랜드 아이덴티티를 강화하는 웹사이트 리뉴얼!
하이윈은 첨단 기술의 선두주자로서 혁신적인 성과를 이루며, ‘Hi-tech Winner!’라는 슬로건 아래
지속적인 기술 개발과 시장 선도를 목표로 하고 있는 기업입니다.
이번 홈페이지 리뉴얼은 기존 사이트의 노후화된 디자인과 UX/UI의 한계를 보완하고,
기업의 신뢰성과 기술력을 더욱 효과적으로 전달하고자 하였습니다.
특히 하이윈이 보유한 첨단 기술과 제품의 우수성을 강조하는 데 중점을 두어
브랜드 아이덴티티를 강화하는 디자인 요소를 적용하고, 최신 트렌드를 반영한 세련된 스타일링을 통해
혁신적인 기업 이미지를 부각시켰습니다. 또한, 단순한 정보 나열 방식에서 벗어나 인터랙티브한 모션과
애니메이션을 활용하여 사용자 경험을 보다 역동적으로 개선하였습니다.
전체적인 UX/UI 또한 심플하면서 직관적인 구조로 기획하여 기업의 핵심 가치와 기술력을
더욱 효과적으로 전달할 수 있도록 기획하였습니다.
Design Concept
하이윈의 시그니처 컬러인 그린 컬러와
그에 어울리는 컬러를 바리에이션하여
기업의 아이덴티티를 부각시켰으며,
기업의 기술력과 전문성을 강조하기 위해
깔끔하고 심플한 룩앤필로 작업하였습니다.

Proposal Design
A타입은 고객사의 니즈를 적극적으로 반영하여 작업한 타입으로
비주얼에는 사업의 정체성을 대표할 수 있는 영상을 풀영역으로 배치하여 신뢰감과 전문성을 돋보이게 하였으며
제품군은 한눈에 보일 수 있는 레이아웃을 선정하였습니다.
또한 퍼스널 컬러를 활용하여 아이덴티티를 심어주었으며
하단 문의하기에는 배경에 고퀄리티 영상을 활용하여 전문성을 부각시켜보았습니다.
B타입은 최신 웹 트렌드를 반영하여 제안하는 타입으로
곳곳에 인터렉티브한 모션을 구현하여 전체적으로 역동감을 주었습니다.
인트로 영역과 비주얼 영역에 제품을 바로 노출시켜 기업의 정체성과 신뢰감을 부각시켰으며
콘텐츠에 기울기를 활용한 레이아웃 기법과 모션 기법을 적용함과 동시에
얇은 라인 요소를 활용하여 디자인 디테일을 주어 기업의 전문성과 기술력을 돋보이게 하였습니다.
Confirm Design
스카이인슈판넬

에이테크

나우이엘

고려SMT

하나

한성엘엠티

알파엔지니어링

동성정밀

디아이씨

우성진공펌프

JS라이팅

스틸119

네오티스

두루스코이브이

리트코

M3 Partners

액트로닉스

스페이스텐드

나라판넬

대일뷰티컬렉션

한맥콘트롤즈

동보체인

남원터보원

이루테크

에스이에프코리아

대양신소재

스톤비랩

아이메저

코덱스

환타 이노베이션

청운커팅

그린테크코리아

범영인터팩

포시즌

로보이

뫼비우스국일

로오딘

만희기전

모던텍

비투케이

한양기업
