How to design UI for a car dealership website - Sketch

Session 7: Car details page (2)
with barnabasnagy|12 years experience
12272views
How to design UI for a car dealership website - Sketch
- English
- Design
UX design
- Project length: 6h 18m
This tutorial will go through the process of designing a car dealership website using Sketch. The tutorial will focus on creating UI design. First, we’ll look at how to set up the project, and then how to design the individual pages starting with the home page. We'll finish off with the car detail page design.
Overview
Project Introduction:
This tutorial will go through the process of designing a car dealership website using Sketch. The tutorial will focus on creating UI design. First, we’ll look at how to set up the project, and then how to design the individual pages starting with the home page. We'll finish off with the car detail page design.
What are the requirements?
To get the most out of the tutorial, viewers should have some basic knowledge or understanding of:
- Sketch
- UX/UI design principles
- Website design
- Mac computer
What is the target audience? Anyone who wishes to learn more about:
- Sketch
- UI design
- UX design principles
Project Outline
Session 1: Project setup
- Setting up project defaults with Material design principles
- Header & footer design
Session 2: Home page
- Desktop design
- Mobile design
Session 3: Car listing page (1)
- Designing the individual car listing items
- Designing the filter template
- Designing the sorting
Session 4: Car listing page (2)
- Finishing off the desktop design
- Mobile design
Session 5: Car listing page (3)
- Mobile search, filter, sort
Session 6: Car details page (1)
- Desktop design
- Thumbnails and lightbox
Session 7: Car details page (2)
- Mobile design
- More details