Learn how to become a professional UX/UI Designer and create beautiful websites and applications from scratch.
☑ 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 & mobile phone apps from scratch
☑ How to pick the best color schemes
☑ How to work with fonts
☑ Best places to get your first UX/UI job
☑ Learn both UI and UX. Land your dream design role.
☑ How to design and build a prototype
☑ How to identify a customer problem to solve
☑ How to conduct user research
☑ Learn various style guides, elements and prototyping
☑ Learn sketching and wireframing
Welcome to the Learn User Experience Design from A-Z: Adobe XD UI UX Design
Where you’re going to learn how to get started with User Experience and User Interface Design (UX/UI) Design and how to land your first job as a UX Designer even if you have no prior knowledge or experience.
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 & 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.
And we understand that theory is important to build a solid foundation, we understand that theory alone isn’t going to get the job done so that’s why this course is packed with practical hands-on examples that you can follow step by step.
My name Juan and I’m one of your instructors in this course. My background in the Tech space specifically with Digital Marketing and Web Development.
Arthur is your other instructor in this course and has over 5 years of experience in the graphic design space as a UX/UI designer.
Together we’re going to give you the foundational education that you need not just on how to design websites and mobile apps, but also how to get paid for your newly developed UX/Ui skills. The course covers 7 main areas:
1: LEARN UX/UI COURSE INTRODUCTION
This foundational section gives you a full introduction to the basics of UX/UI and what the current graphic design and UX/UI marketplace looks like.
- UX vs UI
- UX/UI Designer Marketplace
- UX/UI Different Roles
2: INTRODUCTION TO THE WEB INDUSTRY
This section builds on the lessons learned in section one, showing you the different phases of the web development industry, roles and responsibilities for each team member, and various project management frameworks such as the linear model, the agile approach and the scrum framework.
- The Phases of Web Development
- Team Roles & Responsibilities
- Project Management Frameworks
3: FOUNDATIONS OF GRAPHIC DESIGN
This section shifts the focus to graphic design with color psychology and color schemes. You’ll learn how to use the font types, icons and various colors to create amazingly beautiful designs.
- The Psychology of Color
- Color Wheel & Color Schemes
- Working w/ Fonts & Icons
4: UX DESIGN
In this section, you’re going to learn exactly how the UX design process works. You’ll learn about the customer journey and sales funnels as well as behavioral psychology and influence triggers so you can create an amazing user experience.
- UX Design Process
- Customer Journey vs Sales Funnel
- Principles of Influence
5: UI DESIGN
In this section, you’re going to learn exactly how the UI design process works. You’ll learn about the different UI design types such as landing pages, websites, mobile applications and the various controls and components so you can create an amazingly beautiful user interface.
- UI Design Process
- UI Design Types
- UI Components & Controls
6: OPTIMIZATION
In this section, you’re going to learn about optimization. Once you’ve designed a website or mobile app, you want to track the metrics so you can find areas to improve. You’ll also learn how to create a UX/UI usability report that will provide value to your potential clients.
- Feedback & Getting Referrals:
- Using Analytics/Heat Maps:
- Creating UX/UI Usability Reports
7: STARTING A UX/UI CAREER
In this section, you’re going to learn how you can land a job using your new skills. We’ll also walk through how you can start freelancing, personal branding, and how you can position yourself as the go-to expert in your field. Then finally, some of the best places to find jobs.
- How To Start Freelancing
- Personal Branding
- Best Places To Find Jobs
This course is comprehensive, showing you the ins and outs of UX/UI.
Together with the emphasis on practical examples that you can follow step by step benefiting from the excitement of hands-on learning.
This real-life learning is an invaluable part of your education, enabling you to become an elite UX/UI designer and stand out from the rest.
No matter what the scenario or how complicated a website or design may be, this course gives you the foundational training you need to design amazingly beautiful websites and applications – and start pursuing a career in a field that is increasingly in demand as the global reliance on technology grows.
English
Language
UX/UI Course Introduction
Learn UX/UI Course Overview
Section Overview
UX vs UI
UX/UI Designer Marketplace
Overview of UX Roles
Introduction To The Web Industry
Web Industry Section Overview
The Phases of Web Development
Designer Responsibilities (working in a team)
Roles & Descriptions (working in a team)
Agile Approach To Project Management
Scrum – Flexible Framework
Project Management Apps
XD Lesson – Introduction
Section 2 – Roles Quiz
Foundation of Graphic Design
Graphic Design Section Overview
The Psychology of Color
Color Wheel & Color Schemes
Color Harmonies Quiz
Working with Fonts
Font Quiz
Working With Icons
XD Lesson – Tools, Object Manipulation and Components
XD Lesson – Font Styles and Artboard Settings
Graphic Design Software Tools
Adobe XD lesson 4 – Icons & Vector Graphics
Purpose of Apps Quiz
UX Design (User Experience Design)
UX Design Section Overview
What is User Experience Design? (UX)
UX Design Process
The UX Analysis Process
Working with User Profiles
Understanding User Pain Points
XD Lesson 5 Class Project: Сompetitive Analysis
Developing a Persona Part 1
Developing a Persona Part 2
Customer Journey
Customer Journey vs Sales Funnel
3 Phases of a Sales Funnel
4 Stages of a Sales Funnel
Macro/Micro Conversions
Stages of Market Sophistication
Lead Generation Funnel
Digital Product Sales Funnel
7 Principles of Influence
Age Based Influence Triggers
Gender Influence Triggers
Interest Based Marketing
Understanding User Flow
XD Lesson 6 Class Project: Userflow – Your first UX deliverable
Working with Story Boards
XD Lesson 7 Class Project: Crafting a Story board
Working with Moodboards
XD Lesson 8 Class Project: Creating Moodboard
Sitemap & Information Architecture
XD Lesson – Class Project: App Architecture
Low and Hi Fidelity Wireframes
Quiz on Analysis, Persona, Storyboard, Customer Journey, User Flow.
XD Lesson – Class Project: Login Screen Wireframe Using Material Design
Working with Prototypes
XD Lesson – Class Project: Home Screen Wireframe and Linking
XD Lesson – Class Project: Adding Interaction to Wireframes
Testing and Evaluating
UX Deliverables
UX Design Conclusion
UI Design (User Interface Design)
UI Design Section Overview
UI Design Overview
Types of Interfaces
Landing Pages Overview
XD Lesson – Using Grids in XD
XD Lesson – Single Card design
UI Components
UI Controls
Navigational Components
Types of UI’s Quiz
Header Design Overview
XD Lesson – Mobile & Desktop: Header Design
XD Lesson – Mobile & Desktop: Dropdown Design
Common Layouts Overview
XD Lesson – Common Layouts
Mobile & Desktop Footer Design Overview
XD Lesson – Mobile & Desktop: Footer Design
Mobile & Desktop Button Design Overview
XD Lesson – Mobile & Desktop: Button Design
XD Lesson – Mobile & Desktop: Input Design
Mobile & Desktop Filter Search Bar Design Overview
Adobe XD Lesson – Mobile & Desktop: Filter Design
Adobe XD Lesson – Mobile & Desktop: Search Design
UI Kit Overview
Adobe XD Lesson – Desktop and Mobile: UI Kit
Microinteractions Overview
Adobe XD lesson – Microinteractions
Optimization
Optimization Section Overview
Feedback Review & Getting Referrals
“Above the Fold” Rule
Adobe XD lesson – Designing a Powerful Above the Fold
Using Analytics For Optimization
Heat Maps & Element Placements
Crafting A Usability Report Overview
Adobe XD lesson – Crafting Reports in XD
Starting a Career in UX/UI Design
Careers in UX/UI Section Overview
Your Daily Productivity Hub
How To Start Freelancing
Client Consulting
Building a Brand
Personal Branding
The Importance of Having a Website
Creating a Logo
Step by Step Website Setup
UI Templates
Logo Templates
Creating a Business Email
Networking Do’s and Don’ts
Top Freelance Websites
UX/UI Project Scope Questions
Laser Focus & Productivity Tools
Places to Find UX Jobs