대리점의 두 측면

웹사이트는 구매자가 모터사이클을 찾고 문의하도록 돕습니다. 워크스페이스는 그 맥락을 대리점의 일상 업무로 이어 가도록 설계되었습니다. 이 데모들은 별도로 실행되며, 실시간으로 연결되어 있지 않습니다.

브리프

브랜드의 에디토리얼 시각 언어를 딜러 웹사이트에 맞게 적용했습니다. 구매자는 판매 중인 모델을 확인하고, 특정 모터사이클의 세부 정보를 비교하고, 대리점과의 명확한 다음 단계를 찾을 수 있어야 했습니다.

이 제품을 만든 이유

구매자는 모터사이클에 관해 이메일로 문의하고, 문자로 이어 간 뒤, 방문을 요청할 수 있습니다. 딜러는 그 대화를 하나로 유지하고, 어떤 매니저가 고객을 담당하는지 파악하며, 관심을 명확한 다음 단계로 바꿔야 합니다. 저희는 답변, 방문 일정 조율, 후속 조치를 하나의 연속된 워크플로로 만들고자 했습니다.

디자인 결정

제공된 구조 브리프를 바탕으로 시각적 스타일, 구성, 컴포넌트, 페이지 순서 일부를 재작업했습니다. 대형 사진이 브랜드를 각인시키고, 재고 카드, 사양, 직접 동작이 구매 여정을 뒷받침합니다.

디자인을 납품한 뒤 저희가 직접 실제 작동하는 웹사이트로 구축했습니다. 공통 페이지 패턴으로 쇼룸 전체에 같은 내비게이션, 모델 표현, 재고 선택을 적용했습니다.

저희의 제품 결정

고객 대화를 중심에 두었습니다. 메시지에 채널이 표시되고, 직원은 같은 곳에서 답변 방법을 선택할 수 있습니다. 대화를 고객 기록에 연결하여 담당 매니저와 관심 모터사이클을 명확히 볼 수 있게 했습니다.

대화를 방문과 연결했습니다. 직원이 쇼룸 시간을 제안하면 구매자가 온라인으로 선택합니다. 거래와 작업이 다음 조치를 이어 갑니다. 각 모터사이클에는 고유한 재고 기록이 있으며, 별도의 게시 단계로 딜러가 구매자에게 웹사이트에 보이는 내용을 관리할 수 있습니다.

저희의 기여

UX/UI 디자인과 재사용 가능한 컴포넌트를 납품한 뒤, 스튜디오 프로젝트로 쇼룸 프런트엔드와 모션을 개발했습니다. 브랜드 아이덴티티와 모터사이클 이미지는 MV Agusta의 것입니다.

저희의 기여

제품 방향을 구성하고, 관계와 워크플로를 정리하고, 첫 버전을 섹션별로 검토했으며, 반응형 프런트엔드를 디자인하고 구축했습니다. 작업에는 사람들이 보는 인터페이스와 섹션을 함께 작동하게 하는 규칙이 모두 포함됩니다.