Visit LEDU token page

How to master UI Design skills using Sketch for a mortgage repayment website

How to master UI Design skills using Sketch for a mortgage repayment website

  • English
  • Design
  • UX designUX design
  • (2492)
  • Project length: 6h 13m


Project Introduction:

This tutorial will go through the process of designing a mortgage repayment website using Sketch. The tutorial will focus on creating a clean, modern 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 selected mortgage 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
  • Desktop design

Session 2: Home page

  • Finishing desktop design
  • Mobile design

Session 3: Dashboard (1)

  • Desktop design

Session 4: Dashboard (2)

  • Finishing off the desktop design
  • Mobile design
  • Mortgage details page

Session 5: Log in and profile pages

  • Interstitial quote page
  • Logged in / logged out navigation
  • Log in page
  • Profile page

Session 6: Dashboard (3) + Support (1)

  • New options
  • More options
  • Support desktop

Session 7: Support (2)

  • Mobile design

Session 8: Dashboard (4)

  • Selected mortgage
  • Tidying up the design


Average rating

4(2492 Reviews)