1) 브랜드 가치를 담는 웹사이트
이번 프로젝트는 단순히 제품을 소개하는 웹사이트가 아니라, 브랜드가 추구하는 가치와 감성을 시각적으로 전달하는 플랫폼을 목표로 했습니다. 애플과 테슬라처럼 제품 사진을 중심으로 한 모던한 디자인을 구현하고, 이를 통해 사용자에게 브랜드의 정체성과 품질을 직관적으로 느낄 수 있는 경험을 제공하고자 했습니다.

2) 몰입형 사용자 경험
웹사이트를 보는 순간부터 제품을 탐색하는 모든 과정에서 사용자가 자연스럽게 몰입할 수 있도록, 스크롤 기반 인터랙션과 부드러운 애니메이션을 적용했습니다. 사용자가 단순히 페이지를 넘기는 것이 아니라, 브랜드 스토리 안으로 들어가는 듯한 경험을 설계했습니다. 이를 통해 제품이 가진 매력과 기능을 감각적으로 체험하도록 하는 것이 핵심이었습니다.

3) 기획부터 인터랙션까지
브랜드 경험을 완성하기 위해, 기획·디자인·애니메이션·인터랙션 전 과정에서 일관된 방향성을 유지했습니다. 제품 사진의 퀄리티와 레이아웃, 영상과 이미지 최적화, 그리고 스크롤에 맞춰 재생되는 기술 중심 비디오를 활용해 사용자 친화적이면서도 차별화된 웹사이트를 구현했습니다.

*해당 웹사이트는 제품 중심 기획,디자인 역량을 보여드리기 위한 자사의 포트폴리오로 메인 페이지와 Orso Air 상세 페이지 두페이지로 이루어져있으며, 사용된 모든 이미지와 영상은 생성형 AI로 생성되었습니다.

1) 소개
무선 이어폰 브랜드를 위한 인터랙티브 웹사이트 개발 프로젝트로, 제품 사진 중심의 모던 디자인과 스크롤 인터랙션을 통해 사용자가 브랜드 가치를 직접 체감할 수 있는 몰입형 경험을 목표로 했습니다.

2) 작업 범위
기획부터 디자인, 프론트엔드 애니메이션, 인터랙션 구현, 이미지 및 영상 최적화까지 전 과정을 담당하였으며, 다양한 디바이스 환경을 고려한 반응형 웹 개발을 포함합니다.

3) 주요 업무
브랜드 및 타겟 분석을 통한 콘텐츠 기획 및 구조 설계
디자인 톤과 컨셉 수립, 제품 중심의 비주얼 콘텐츠 제작
스크롤 연동 프레임별 영상 재생과 부드러운 애니메이션 구현
고화질 이미지 및 영상 최적화를 통한 빠른 로딩과 매끄러운 사용자 경험 제공

4) 주안점
사용자가 자연스럽게 브랜드 스토리에 몰입할 수 있도록 인터랙션과 비주얼 콘텐츠의 조화를 극대화하는 데 집중했으며, 운영 환경과 확장성을 고려한 구조 설계로 실무 적용성을 높였습니다.