How to design & prototype responsive car hire website - Axure
Session 4: Car selector module (1)
with barnabasnagy|12 years experience
16230views
Intro: How to design & prototype responsive car hire website - Axure
Sep 12, 2018 | 10:56 AM1:50
Session 1: Project setup
Sep 13, 2018 | 5:08 AM47:33
Session 2: Location and date module (1)
Sep 13, 2018 | 6:08 AM56:51
Session 3: Location and date module (2)
Sep 13, 2018 | 7:08 AM35:32
Session 4: Car selector module (1)
Sep 14, 2018 | 8:08 AM53:42
Session 5: Car selector module (2)
Sep 14, 2018 | 9:08 AM58:11
Session 6: Insurance module (1)
Sep 14, 2018 | 10:08 AM59:13
Session 7: Insurance module (2)
Sep 14, 2018 | 11:08 AM49:40
How to design & prototype responsive car hire website - Axure
- English
- Design
UX design- 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