블랙아이스 감지 기술, 웹사이트로 만나보세요!
by DD
3년 전
조회수 4
SK플래닛의 ARHIS 솔루션 홍보를 위한 브랜드 웹사이트 구축
블랙아이스 감지 기술력 시각화를 위해 블루블랙 컬러 및 ARHIS Cube 모티브 활용
Framer를 활용한 Parallax scroll motion 구현 및 반응형 웹사이트 제작
ARHIS 웹사이트 아키텍처: 기술 시각화 전략
ARHIS 웹사이트는 블랙아이스 감지 기술을 효과적으로 전달하기 위해 설계되었다. 블루블랙 브랜드 컬러와 ARHIS Cube 모티브를 활용하여 시각적 일관성을 확보했다. 따라서 사용자 경험을 극대화하고, 기술에 대한 이해도를 높이는 데 주력했다.
Framer를 활용한 모션 구현: Parallax Scroll
Framer를 사용하여 Parallax scroll motion을 구현하여 웹사이트에 동적인 요소를 더했다. Scroll animation과 Transition 기능을 활용하여 부드러운 화면 전환을 구현했다. 반면, 복잡한 인터랙션은 직접 코드를 작성하여 세밀한 제어를 가능하게 했다.
반응형 웹사이트 제작: PC, Mobile, Tablet 대응
다양한 디바이스 환경에 최적화된 반응형 웹사이트를 제작했다. PC와 Mobile 시안 외에 Tablet 해상도에 맞는 레이아웃을 추가했다. 구체적으로 Figma의 Auto layout 기능을 활용하여 레이아웃의 유연성을 확보하고, UI/UX를 개선했다.
