프로젝트 시작하기 시작하기
사례 연구사례 템플릿 · Benelli
Benelli: 휴대폰에 표시된 웹사이트 오프닝 화면과 브랜드 배지
Benelli자동차 · 웹사이트
태블릿의 Benelli 홈페이지: 이탈리아 Benelli 모터사이클이 러시아에 진출하며 곧 판매를 시작한다는 러시아어 제목과 그 아래 비포장 경사면의 라이더, 헤더의 ‘가장 먼저 주문하기’ 버튼, ‘구매 방법 알아보기’라고 적힌 둥근 배지
출시 메시지, 모터사이클 사진, 문의 동작이 하나의 명확한 위계를 공유합니다.

서비스

  • 콘셉트
  • UX/UI 디자인
  • Tilda 구축 및 설정
  • 콘텐츠 처리
  • 디자인 리뷰

도구

  • 무드 보드
  • 벤치마킹 분석

기술 스택

  • Tilda

Benelli

Benelli 모터사이클을 새로운 시장에 소개하는 웹사이트입니다. 강렬한 첫인상, 둘러볼 수 있는 모델 라인업, 판매 시작 전 관심을 등록할 방법을 제공합니다.

판매 시작 전 브랜드 소개

요청은 Moto Springs 2022 전시회 열흘 전에 들어왔습니다. 사이트는 Benelli와 모터사이클 라인업을 소개하고, 각 모델을 명확하게 보여 주며, 판매 시작 전에 문의를 받아야 했습니다.

저희의 기여

콘셉트부터 Tilda 구축과 최종 디자인 리뷰까지 프로젝트를 진행했습니다. 무드 보드, 페이지 디자인, 제공된 사진 처리, 다섯 가지 화면 크기에 맞춘 사이트 조정이 포함됩니다.

큰 대문자, 검은 블록, 모터사이클 주변의 넉넉한 여백을 선택하여 출시에 직접적이고 자신감 있는 목소리를 부여했습니다. 방향이 승인되기 전에 메인 화면과 주요 페이지의 여러 버전을 제시했습니다.

주어진 시간 안에서 디자인하기

Figma에서 데스크톱 디자인을 확립한 뒤, Tilda에서 네 가지 화면 크기를 직접 조정했습니다. 이를 통해 시각적 결정을 한 방향으로 유지하면서 별도의 레이아웃 작업을 줄였습니다.

노트북의 Benelli 모델 페이지: 사진 갤러리, 네 가지 색상, 짧은 설명, ‘사전 주문하기’ 버튼이 있는 752 S, 헤더의 ‘가장 먼저 주문하기’ 버튼
752 S 페이지는 갤러리, 색상 선택, 문의 동작을 한데 모읍니다.

모터사이클마다 이해할 여백을 줍니다.

모델 페이지는 출시 발표에서 바이크를 자세히 보는 단계로 이어집니다. 대형 사진 갤러리와 색상 선택, 간결한 설명을 조합하여 모터사이클 자체를 페이지 중심에 두었습니다.

이 단계에서 다음 단계는 문의였습니다. 주문 버튼을 누르면 짧은 연락 양식이 열려 방문자가 연락처를 남기고 구매 방법을 안내받을 수 있었습니다. 이는 사이트의 사전 판매 목적에 부합했습니다.

2022년에 공개된 완전한 Tilda 웹사이트.

완성된 사이트는 다섯 가지 화면 크기로 모터사이클 라인업, 개별 모델, 브랜드 역사, 문의 양식을 다루었습니다. 도메인은 이후 리디자인되었으며, 이 포트폴리오 화면들은 당시의 작업을 보존합니다.

다른 사례

KO