01 / DIGITAL PLATFORM / CANADA

AUTOBON.

A complete digital platform for a Canadian premium vehicle-rental company, designed across discovery, booking, account experiences and administration.

VISIT AUTOBON.CA

Autobon digital platform design — 01 / DIGITAL PLATFORMPageFix project

Inside the project

A closer look at the work.

Screens and visuals from the project.

Autobon desktop sales page design showing vehicle listings and details — 01Desktop sales page with vehicle inventory and a clear browsing layout.

Autobon contact page with a customer enquiry form — 02A contact page that gives visitors a direct enquiry path.

Autobon vehicle details form for getting an offer — 03A focused vehicle information form for the offer journey.

Autobon vehicle pre-qualification form — 04A pre-qualification flow organized into clear form fields.

Autobon admin dashboard with listing and activity overview — 05An operations dashboard bringing listings and activity into one view.

Autobon dashboard layout on a mobile screen — 06The operations view adapted for a smaller screen.

Autobon vehicle identification flow using a VIN — 07A step in the vehicle identification journey.

Autobon vehicle confirmation screen — 08A vehicle confirmation screen before continuing the journey.

Autobon vehicle confirmation screen for a Honda Civic — 09A vehicle confirmation screen before continuing the journey.

02 PROJECT SNAPSHOT

Role UI / UX & Product Designer

Scope Digital platform

Booking 12+ steps

Account 15+ pages

Systems Admin + backend

Period 2026

03 THE PRODUCT

A rental platform, not just a website.

The project covered the customer-facing sales experience and the product surfaces needed around it. The documented scope included a sales website, a 12+ step booking flow, 15+ account and user-input pages, login and sign-up, an admin dashboard and backend development.

Sales website

12+ step booking flow

15+ account and user-input pages

Admin dashboard

Backend development

04 THE PROBLEM

The complexity was in the journey.

A vehicle-rental experience has several connected moments: discovering the offer, selecting a vehicle, progressing through booking information, creating or accessing an account, and supporting the operation behind the customer experience.

—

Turn a long booking journey into clear, understandable steps.

—

Keep account and input-heavy screens consistent with the main experience.

—

Design customer-facing and administrative surfaces as one connected product.

—

Maintain responsive hierarchy across a broad set of interfaces.

05 THE APPROACH

Structure the experience before styling it.

The work was approached as a product-design problem: understand the journey, define the information structure, establish the flow, then translate it into a consistent interface system.

01 Understand the business and customer journey

02 Map the information architecture

03 Break the booking experience into explicit steps

04 Design reusable interface patterns

05 Build responsive screens around the system

06 Work with development requirements and constraints

06 INFORMATION ARCHITECTURE / USER FLOW

12+ steps. One continuous journey.

The booking flow was treated as a sequence rather than a collection of unrelated forms. Each step had to preserve context while moving the customer toward completion.

DISCOVER

Understand the rental offer and available vehicles.

SELECT

Choose the relevant vehicle and booking direction.

BOOK

Move through the required booking inputs in sequence.

DETAILS

Capture customer and account information without breaking context.

REVIEW

Bring the entered information together before completion.

06+

COMPLETE

Continue through the remaining booking and confirmation states.

07 KEY DESIGN DECISIONS

Break complexity into visible steps.

A 12+ step journey becomes easier to reason about when progress and context are visible. The interface should make the next action obvious rather than presenting the customer with one overwhelming form.

Reuse patterns across account screens.

With 15+ account and user-input pages, consistency becomes a product requirement. Shared hierarchy, form patterns and interaction behavior reduce the cognitive cost of moving between screens.

Design the operation behind the experience.

The platform scope included an admin dashboard and backend development, so the customer journey could not be designed independently from the operational system supporting it.

08 SYSTEM / TECHNICAL WORK

Customer experience connected to an operating system.

The project extended beyond the public-facing website. The documented scope connected customer journeys with authentication, account surfaces and an administrative environment.

CUSTOMER

Sales website / vehicle discovery / booking journey

ACCOUNT

OPERATIONS

Admin dashboard for the internal side of the platform

BACKEND

Implementation work supporting the broader digital platform

09 OUTCOME

A connected digital platform.

The delivered scope brought the customer-facing and operational sides of the product into one digital experience. The project covered the sales website, booking flow, account surfaces, authentication, administration and backend development.

12+ step booking flow15+ account and user-input pagesSales websiteLogin and sign-upAdmin dashboardBackend development

START A PROJECT ↗ BACK TO WORK →