How to design & prototype responsive car hire website - Axure

How to design & prototype responsive car hire website - Axure

  • English
  • Design
  • UX designUX design
  • (1055)
  • Project length: 6h 03m

Overview

Project Introduction:

This tutorial will go through the process of designing an online car hire website using Axure. The tutorial will focus on creating UX wireframes. First, we’ll look at how to set up the project, and then how to design the individual dynamic panels starting with the location and date of pickup. We'll finish off with the booking confirmation page design.

What are the requirements?

To get the most out of the tutorial, viewers should have some basic knowledge or understanding of:

  • Axure
  • UX design principles
  • Website design

What is the target audience? Anyone who wishes to learn more about:

  • Axure
  • Wireframes
  • Clickable prototypes
  • UX design principles

Project Outline

Curriculum

Session 1: Project setup

  • Setting up project defaults
  • Setting up responsive viewports
  • Header & footer design

Session 2: Location and date module (1)

  • Designing pickup and dropoff location
  • Designing pickup and dropoff date

Session 3: Location and date module (2)

  • Finishing dynamic panels
  • Setting up adaptive viewports for responsive design

Session 4: Car selector module (1)

  • Designing the car selector module
  • Starting working on the dynamic panels

Session 5: Car selector module (2)

  • Finishing working on the dynamic panels
  • Setting up adaptive viewports for responsive design
  • Designing the car swipe dynamic panel for mobile viewport

Session 6: Insurance module (1)

  • Designing the insurance module with dynamic panels

Session 7: Insurance module (2)

  • Setting up adaptive viewports for responsive design
  • Fixing accordion closing and opening states

Reviews

Average rating

4(1055 Reviews)
  • Avatar

    defsdfsdf

    6 months ago

    Martial ArtsMartial ArtsMartial Arts