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

Intro: How to master UI Design skills using Sketch for a mortgage repayment website
with barnabasnagy|12 years experience
17637views
How to master UI Design skills using Sketch for a mortgage repayment website
- English
- Design
UX design
- Project length: 6h 13m
Overview
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