How to design UI for a car dealership website - Sketch

How to design UI for a car dealership website - Sketch

  • English
  • Design
  • UX designUX design
  • (892)
  • 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

Reviews

Average rating

4(892 Reviews)