Please ensure Javascript is enabled for purposes of website accessibility
Design Beautiful Websites From Scratch With Adobe XD

This course is designed for those interested to learn the basics of designing a website through UI and UX, becoming a designer, landing the job as a designer, and designing websites and mobile apps from scratch. Read more.

No ratings yet
Course Skill Level
Beginner
Time Estimate
12h 20m

Hi I'm Juan. My background is in the tech space from Digital Marketing, E-commerce, Web Development to Programming.

Access all courses in our library for only $9/month with All Access Pass

Get Started with All Access PassBuy Only This Course

About This Course

Who this course is for:

  • Students who want to become UX/UI designers

What you’ll learn: 

  • How to become a professional UX/UI designer
  • How to land your first job as a UX/UI designer
  • How to design a website from scratch in Adobe XD
  • How to design websites and mobile phone apps from scratch

Requirements: 

  • Adobe XD

In this practical, hands-on course, our main objective is to give you the education not just to understand the ins and outs of UX and UI Design, but also to learn exactly how the web development industry works, the different roles within a team, how color psychology and color schemes work, so you can learn first hand exactly how to design websites and mobile apps in Adobe XD and create an amazing user experience as a UX and UI Designer.

Blending practical work with solid theoretical training, we take you from the basics of UX/UI Design in Adobe XD to mastery, giving you the training you need not just to create wireframes, mockups, and prototypes, but also the understanding of behavioral psychology and influence triggers so you can become a well-rounded UX/UI designer.

Our Promise to You

By the end of this course, you will have learned UI and UX using Adobe XD.

10 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about design using Adobe XD.

Course Curriculum

Section 1 - UX And UI Course Introduction
Learn UX And UI Course Overview 00:00:00
Section Overview 00:00:00
UX Vs UI 00:00:00
UX And UI Designer Marketplace 00:00:00
Overview Of UX Roles 00:00:00
Section 2 - Introduction To The Web Industry
Web Industry Section Overview 00:00:00
The Phases Of Web Development 00:00:00
Designer Responsibilities 00:00:00
Roles And Descriptions 00:00:00
Agile Approach To Project Management 00:00:00
Scrum - Flexible Framework 00:00:00
Project Management Apps 00:00:00
XD Lesson - Introduction 00:00:00
Section 3 - Foundation Of Graphic Design
Graphic Design Section Overview 00:00:00
The Psychology Of Color 00:00:00
Color Wheel And Color Schemes 00:00:00
Working With Icons 00:00:00
XD Lesson - Tools, Object Manipulation And Components 00:00:00
XD Lesson - Font Styles And Artboard Settings 00:00:00
Graphic Design Software Tools 00:00:00
Adobe XD Lesson 4 - Icons And Vector Graphics 00:00:00
Section 4 - UX Design (User Experience Design)
UX Design Section Overview 00:00:00
What is User Experience Design? 00:00:00
UX Design Process 00:00:00
The UX Analysis Process 00:00:00
Working With User Profiles 00:00:00
Understanding User Pain Points 00:00:00
XD Lesson 5 Class Project: Сompetitive Analysis 00:00:00
Developing a Persona Part One 00:00:00
Developing a Persona Part Two 00:00:00
Customer Journey 00:00:00
Customer Journey Vs Sales Funnel 00:00:00
Three Phases of a Sales Funnel 00:00:00
Four Stages Of A Sales Funnel 00:00:00
Macro And Micro Conversions 00:00:00
Stages Of Market Sophistication 00:00:00
Lead Generation Funnel 00:00:00
Digital Product Sales Funnel 00:00:00
Seven Principles of Influence 00:00:00
Age Based Influence Triggers 00:00:00
Gender Influence Triggers 00:00:00
Interest Based Marketing 00:00:00
Understanding User Flow 00:00:00
XD Lesson 6 Class Project: Userflow - Your First UX Deliverable 00:00:00
Working With Story Boards 00:00:00
XD Lesson 7 Class Project: Crafting A Story Board 00:00:00
Working With Moodboards 00:00:00
XD Lesson 8 Class Project: Creating Moodboard 00:00:00
Sitemap And Information Architecture 00:00:00
XD Lesson - Class Project: App Architecture 00:00:00
Low And Hi Fidelity Wireframes 00:00:00
XD Lesson - Class Project: Login Screen Wireframe Using Material Design 00:00:00
Working With Prototypes 00:00:00
XD Lesson - Class Project: Home Screen Wireframe And Linking 00:00:00
XD Lesson - Class Project: Adding Interaction To Wireframes 00:00:00
Testing And Evaluating 00:00:00
UX Deliverables 00:00:00
UX Design Conclusion 00:00:00
Section 5 - UI Design (User Interface Design)
UI Design Section Overview 00:00:00
UI Design Overview 00:00:00
Types Of Interfaces 00:00:00
Landing Pages Overview 00:00:00
XD Lesson - Using Grids in XD 00:00:00
XD Lesson - Single Card Design 00:00:00
UI Components 00:00:00
Navigational Components 00:00:00
Header Design Overview 00:00:00
XD Lesson - Mobile A Desktop: Header Design 00:00:00
Common Layouts Overview 00:00:00
XD Lesson - Common Layouts 00:00:00
Mobile And Desktop Footer Design Overview 00:00:00
XD Lesson - Mobile AndDesktop: Footer Design 00:00:00
Mobile And Desktop Button Design Overview 00:00:00
XD Lesson - Mobile And Desktop: Button Design 00:00:00
XD Lesson - Mobile And Desktop: Input Design 00:00:00
Mobile And Desktop Filter Search Bar Design Overview 00:00:00
Adobe XD Lesson - Mobile And Desktop: Filter Design 00:00:00
Adobe XD Lesson - Mobile And Desktop: Search Design 00:00:00
UI Kit Overview 00:00:00
Adobe XD Lesson - Desktop and Mobile: UI Kit 00:00:00
Microinteractions Overview 00:00:00
Adobe XD lesson - Microinteractions 00:00:00
Section 6 - Optimization
Optimization Section Overview 00:00:00
Feedback Review And Getting Referrals 00:00:00
“Above the Fold” Rule 00:00:00
Adobe XD lesson - Designing A Powerful Above The Fold 00:00:00
Using Analytics For Optimization 00:00:00
Heat Maps And Element Placements 00:00:00
Crafting A Usability Report Overview 00:00:00
Adobe XD lesson - Crafting Reports In XD 00:00:00
Section 7 - Starting A Career In UX And UI Design
Careers in UX And UI Section Overview 00:00:00
Your Daily Productivity Hub 00:00:00
How To Start Freelancing 00:00:00
Client Consulting 00:00:00
Building a Brand 00:00:00
Personal Branding 00:00:00
The Importance of Having a Website 00:00:00
Creating A Logo 00:00:00
Step by Step Website Setup 00:00:00
UI Templates 00:00:00
Logo Templates 00:00:00
Creating A Business Email 00:00:00
Networking Do's and Don'ts 00:00:00
Top Freelance Websites 00:00:00
UX And UI Project Scope Questions 00:00:00
Laser Focus And Productivity Tools 00:00:00
Places To Find UX Jobs 00:00:00

About This Course

Who this course is for:

  • Students who want to become UX/UI designers

What you’ll learn: 

  • How to become a professional UX/UI designer
  • How to land your first job as a UX/UI designer
  • How to design a website from scratch in Adobe XD
  • How to design websites and mobile phone apps from scratch

Requirements: 

  • Adobe XD

In this practical, hands-on course, our main objective is to give you the education not just to understand the ins and outs of UX and UI Design, but also to learn exactly how the web development industry works, the different roles within a team, how color psychology and color schemes work, so you can learn first hand exactly how to design websites and mobile apps in Adobe XD and create an amazing user experience as a UX and UI Designer.

Blending practical work with solid theoretical training, we take you from the basics of UX/UI Design in Adobe XD to mastery, giving you the training you need not just to create wireframes, mockups, and prototypes, but also the understanding of behavioral psychology and influence triggers so you can become a well-rounded UX/UI designer.

Our Promise to You

By the end of this course, you will have learned UI and UX using Adobe XD.

10 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about design using Adobe XD.

Course Curriculum

Section 1 - UX And UI Course Introduction
Learn UX And UI Course Overview 00:00:00
Section Overview 00:00:00
UX Vs UI 00:00:00
UX And UI Designer Marketplace 00:00:00
Overview Of UX Roles 00:00:00
Section 2 - Introduction To The Web Industry
Web Industry Section Overview 00:00:00
The Phases Of Web Development 00:00:00
Designer Responsibilities 00:00:00
Roles And Descriptions 00:00:00
Agile Approach To Project Management 00:00:00
Scrum - Flexible Framework 00:00:00
Project Management Apps 00:00:00
XD Lesson - Introduction 00:00:00
Section 3 - Foundation Of Graphic Design
Graphic Design Section Overview 00:00:00
The Psychology Of Color 00:00:00
Color Wheel And Color Schemes 00:00:00
Working With Icons 00:00:00
XD Lesson - Tools, Object Manipulation And Components 00:00:00
XD Lesson - Font Styles And Artboard Settings 00:00:00
Graphic Design Software Tools 00:00:00
Adobe XD Lesson 4 - Icons And Vector Graphics 00:00:00
Section 4 - UX Design (User Experience Design)
UX Design Section Overview 00:00:00
What is User Experience Design? 00:00:00
UX Design Process 00:00:00
The UX Analysis Process 00:00:00
Working With User Profiles 00:00:00
Understanding User Pain Points 00:00:00
XD Lesson 5 Class Project: Сompetitive Analysis 00:00:00
Developing a Persona Part One 00:00:00
Developing a Persona Part Two 00:00:00
Customer Journey 00:00:00
Customer Journey Vs Sales Funnel 00:00:00
Three Phases of a Sales Funnel 00:00:00
Four Stages Of A Sales Funnel 00:00:00
Macro And Micro Conversions 00:00:00
Stages Of Market Sophistication 00:00:00
Lead Generation Funnel 00:00:00
Digital Product Sales Funnel 00:00:00
Seven Principles of Influence 00:00:00
Age Based Influence Triggers 00:00:00
Gender Influence Triggers 00:00:00
Interest Based Marketing 00:00:00
Understanding User Flow 00:00:00
XD Lesson 6 Class Project: Userflow - Your First UX Deliverable 00:00:00
Working With Story Boards 00:00:00
XD Lesson 7 Class Project: Crafting A Story Board 00:00:00
Working With Moodboards 00:00:00
XD Lesson 8 Class Project: Creating Moodboard 00:00:00
Sitemap And Information Architecture 00:00:00
XD Lesson - Class Project: App Architecture 00:00:00
Low And Hi Fidelity Wireframes 00:00:00
XD Lesson - Class Project: Login Screen Wireframe Using Material Design 00:00:00
Working With Prototypes 00:00:00
XD Lesson - Class Project: Home Screen Wireframe And Linking 00:00:00
XD Lesson - Class Project: Adding Interaction To Wireframes 00:00:00
Testing And Evaluating 00:00:00
UX Deliverables 00:00:00
UX Design Conclusion 00:00:00
Section 5 - UI Design (User Interface Design)
UI Design Section Overview 00:00:00
UI Design Overview 00:00:00
Types Of Interfaces 00:00:00
Landing Pages Overview 00:00:00
XD Lesson - Using Grids in XD 00:00:00
XD Lesson - Single Card Design 00:00:00
UI Components 00:00:00
Navigational Components 00:00:00
Header Design Overview 00:00:00
XD Lesson - Mobile A Desktop: Header Design 00:00:00
Common Layouts Overview 00:00:00
XD Lesson - Common Layouts 00:00:00
Mobile And Desktop Footer Design Overview 00:00:00
XD Lesson - Mobile AndDesktop: Footer Design 00:00:00
Mobile And Desktop Button Design Overview 00:00:00
XD Lesson - Mobile And Desktop: Button Design 00:00:00
XD Lesson - Mobile And Desktop: Input Design 00:00:00
Mobile And Desktop Filter Search Bar Design Overview 00:00:00
Adobe XD Lesson - Mobile And Desktop: Filter Design 00:00:00
Adobe XD Lesson - Mobile And Desktop: Search Design 00:00:00
UI Kit Overview 00:00:00
Adobe XD Lesson - Desktop and Mobile: UI Kit 00:00:00
Microinteractions Overview 00:00:00
Adobe XD lesson - Microinteractions 00:00:00
Section 6 - Optimization
Optimization Section Overview 00:00:00
Feedback Review And Getting Referrals 00:00:00
“Above the Fold” Rule 00:00:00
Adobe XD lesson - Designing A Powerful Above The Fold 00:00:00
Using Analytics For Optimization 00:00:00
Heat Maps And Element Placements 00:00:00
Crafting A Usability Report Overview 00:00:00
Adobe XD lesson - Crafting Reports In XD 00:00:00
Section 7 - Starting A Career In UX And UI Design
Careers in UX And UI Section Overview 00:00:00
Your Daily Productivity Hub 00:00:00
How To Start Freelancing 00:00:00
Client Consulting 00:00:00
Building a Brand 00:00:00
Personal Branding 00:00:00
The Importance of Having a Website 00:00:00
Creating A Logo 00:00:00
Step by Step Website Setup 00:00:00
UI Templates 00:00:00
Logo Templates 00:00:00
Creating A Business Email 00:00:00
Networking Do's and Don'ts 00:00:00
Top Freelance Websites 00:00:00
UX And UI Project Scope Questions 00:00:00
Laser Focus And Productivity Tools 00:00:00
Places To Find UX Jobs 00:00:00

Are you interested in higher education?