Portfolio 06 · VECTOR A1

VECTOR A1

한 가지 도구를 소재와 구조, 제작 이야기로 깊이 있게 보여주는 제품 브랜드 웹사이트입니다.

Project
제품 브랜드
쇼케이스 웹사이트
Scope
콘텐츠 구조
UI 디자인
프런트엔드 구축
Experience
소재 선택
제품 스토리
문의 흐름
Design
다크 제품 사진
정밀한 타이포그래피
VECTOR A1 데스크톱 제품과 소재 선택 화면

The challenge

하나의 제품 안에서 소재마다 달라지는 감각을 보여주기

제품 수가 많지 않은 브랜드는 목록을 늘리기보다 형태, 재료와 사용 감각을 충분히 전달하는 방식이 중요합니다.

제품 이미지와 소재 선택을 화면의 중심에 두고 구조, 디테일과 제작 이야기가 차례로 이어지도록 구성했습니다.

The approach

제품 이미지와 소재 선택이 이끄는 집중도 높은 구성

01

소재 선택

네 가지 금속 마감을 고르면 대표 이미지와 정보가 함께 바뀝니다.

02

제품 스토리

형태, 표면과 손에 닿는 감각을 큰 이미지와 짧은 문장으로 전달합니다.

03

문의 연결

제품을 충분히 살펴본 뒤 협업과 공급 문의로 자연스럽게 이어집니다.

Design focus

적은 제품 수를 더 깊은 브랜드 경험으로

검은 배경, 절제된 형광 포인트와 정밀한 제품 사진이 한 자루의 도구에 집중하게 만들고 소재 선택으로 탐색의 이유를 더합니다.

제품 집중대표 제품의 형태와 디테일을 크게 보여주는 첫 화면
소재 변화선택에 따라 이미지와 설명이 함께 바뀌는 상호작용
서사 흐름제품에서 소재, 제작 이야기와 문의로 이어지는 구성

Start a project

제품의 디테일을 브랜드 경험으로 확장합니다

비슷한 프로젝트 상담하기 →