프로젝트 목록

Web Publishing Showcase

AFTERIMAGE

캠페인 비주얼과 인터랙션을 결합한 아이웨어 웹 퍼블리싱 작업입니다. 스크롤에 따른 연출과 프레임 컬러 선택으로 브랜드와 제품을 탐색하는 경험을 구성했습니다.

Role
웹 퍼블리싱 · 인터랙션 구현
Category
Web Publishing

AFTERIMAGE / EYEWEAR

스크롤에서 컬러 선택까지

실제 사이트의 스크롤과 프레임 컬러 선택 장면 · 약 1.4배속.

AFTERIMAGE는 아이웨어의 형태와 시선을 주제로 한 브랜드 웹사이트입니다. 흑백 캠페인 이미지와 큰 타이포그래피로 시작해, 스크롤과 컬러 선택을 통해 제품의 다른 표정을 보여줍니다.

PUBLISHING DETAILS

사용자의 조작에 반응하는 제품 소개

스크롤 연출

첫 화면의 모델 장면이 스크롤에 따라 달라지며, 캠페인 비주얼에서 제품 소개로 시선을 이어줍니다.

컬러에 연결된 콘텐츠

블랙·실버·코발트를 선택하면 프레임 이미지와 컬러 이름, 소개 문구가 함께 바뀝니다.

캠페인의 시각적 위계

화면을 채우는 이미지와 큰 제목, 짧은 설명을 조합해 브랜드 인상과 제품 정보를 순서대로 전달합니다.

실버 프레임을 선택해 제품 이미지와 이름이 Liquid silver로 바뀐 AFTERIMAGE 화면
실버 선택 상태. 제품 이미지, 컬러 이름과 설명이 함께 전환됩니다.

MOBILE VIEW

모바일에서도 이어지는 캠페인

390px 너비에서 본 AFTERIMAGE 모바일 캠페인 첫 화면
390 × 844 화면에서 촬영한 모바일 뷰.