내가 원하는 곳만 움직이게 하다
메인이미지 고객사의 니즈와 사용자 행동패턴을 분석하여, 정보구조를 단순화한 Metro Ui적용으로 접근성을 높였다.
[메뉴/비비탕 효과/컨텐츠] 3가지 영역으로 구분하여 사용자가 보는 영역만 스크롤하여 컨텐츠를 볼 수 있도록 구현하였다.






메뉴 UI가 스크롤되면 슬림하게 변신!
One scroll Page 구성으로 내용을 한번에 보여주고 스크롤시 메뉴 UI를 슬림하게 변형하여 상단에 고정시켜
언제든지 원하는 내용의 위치로 쉽게 접근할 수 있도록 제공하였다






지루하고 보기 싫은 컨텐츠가 가라!
핵심적인 내용만 간단하게! 도식화된 이미지 표현으로 내용을 쉽게 전달하고 재미있는 모션처리로 흥미 유발!

쉽고 빠르게 원하는 곳으로~ go! go!
시각적으로 해당 메뉴의 컨텐츠를 쉽게 인식할 수 있도록 Pictogram으로 표현

Xena Pictogram system







Color system