UX & Web Design Master Course: Strategy, Design, Development
All LevelsDesignUser Experience Design

UX & Web Design Master Course: Strategy, Design, Development

Learn how to apply User Experience (UX) principles to your website designs, code a variety of sites, and increase sales!

Created by Joe Natoli
23 hours
Video Content
186
Lectures
107,979
Students
4.5
Rating
4.5
(107,979 students enrolled)

What you'll learn

A clear understanding of the principles and benefits of good UX and how to apply it to your website
A strategy for making sure you know what people need from your website, and what you or your client needs from it in order to succeed
The confidence to know what information should be included in your website, and how to design it to increase conversions
The ability to code a variety of websites with HTML, CSS, WordPress, and other tools

Course Content

16 sections • 186 lectures • 23:13:10 total length

Course Overview

3 lectures • 07:03

Welcome: Get Ready to Define, Design and Code!02:32
Download the BONUS 30-page Course Guidebook01:08
Introduction to UX03:23

Definition: Planning for Success

7 lectures • 34:14

Why Are We Doing This?03:43
Three Crucial Questions (You Must Ask)01:17
What's Worth Doing?04:26
What Are We Creating?07:16
What Value Does It Provide?05:47
+2 more lectures

Definition: Planning for Success Part II

15 lectures • 01:14:35

It's Not Just About Users: The UX Value Loop02:50
Business Stakeholder Research02:49
Identifying Business Goals13:30
SNACK BREAK: What Are Your (or Your Client's) Business Goals?01:01
User Research: Putting People First02:46
+10 more lectures

Definition: Planning for Success Part III

10 lectures • 32:41

Planning for User Testing03:59
Creating a Test Plan: Who Are We Testing For?03:22
Prioritizing Device and Browser Support02:49
What to Test: Functionality05:48
What to Test: Usability04:41
+5 more lectures

Information Architecture: Creating a Solid Foundation

11 lectures • 01:11:09

Information Architecture: Organizing Content and Flow03:05
What IS Information Architecture (IA)?05:02
Content Strategy: Identifying, Organizing and Delivering05:53
Determining Content Requirements07:24
Exercise: Identifying Content Workflows09:42
+6 more lectures

Information Architecture: Creating a Solid Foundation Part II

11 lectures • 27:58

Exercise: Turning Information Priority into an IA Model04:01
IA Models: Which One's Right for My Site?02:36
Hierarchical Tree IA Model01:06
Nested List IA Model00:55
Hub and Spoke IA Model01:03
+6 more lectures

Information Architecture: Creating a Solid Foundation Part III

15 lectures • 02:08:52

Navigation Design00:55
Primary and Secondary Navigation03:52
Global and Local Navigation04:15
Navigation for Different User Types04:34
Validating Your Navigation Scheme06:00
+10 more lectures

Design: Information, Interaction and Interface

8 lectures • 01:28:17

"What's It Gonna Look Like?" An Introduction to Design03:10
Defining Appropriate User Interface (UI) Design17:12
How Definition and IA Inform UI Design05:11
Timeless UI Design Principles, Part 0113:11
Timeless UI Design Principles, Part 0216:19
+3 more lectures

Design: Information, Interaction and Interface Part II

14 lectures • 05:34:09

My Tips for Solving Visual Problems16:29
Organizing Visual Information - Part 0117:25
Organizing Visual Information - Part 0222:52
Designing Appropriate Visual Hierarchy28:02
Designing for Audience Expectation14:55
+9 more lectures

Development - Building a B2B Website with HTML & CSS

35 lectures • 03:15:49

Development: Coding, Customizing and Configuring02:24
Dreaming in Code: You've Got the Power!03:15
Hosting & Domain Considerations03:58
File Structure and FTP: Organizing & Uploading07:38
Basic HTML Structure: Building a Solid Foundation03:56
+30 more lectures

Exercises: Build A B2B Website with HTML & CSS

5 lectures • 51:13

Exercise: Create Your B2B Website Header15:08
Exercise: Create Your B2B Website Content17:46
Exercise: Create Your B2B Website Footer09:11
Exercise: Create Your B2B Web Page: Putting It All Together04:32
Browser Testing: Tips and Tools04:36

Development – WordPress Content Management System (CMS)

23 lectures • 02:16:55

Installing WordPress Automatically: Using Your Hosting Provider's CPanel02:56
Installing WordPress Manually: Using an FTP Client08:27
The WordPress Dashboard: A Quick Tour of Features and Functions05:56
Posts vs. Pages: Creating Content in WordPress05:27
Categories: Organizing WordPress Content05:25
+18 more lectures

Exercises: Build A Blog with WordPress

4 lectures • 46:42

Exercise: Customizing Your Theme Header, Part 0108:14
Exercise: Customizing Your Theme Header, Part 0208:49
Exercise: Customizing Your Page Content15:01
Exercise: Customizing Your Footer14:38

Development - Ecommerce Website with WooCommerce

18 lectures • 01:38:56

Installing WooCommerce04:25
Basic Settings: Getting Started with WooCommerce04:26
Product Settings: Configuring Products in WooCommerce09:45
Tax Settings: Configuring Sales Tax in WooCommerce07:05
Checkout Settings: Configuring Checkout Options in WooCommerce05:22
+13 more lectures

Exercises: Build An Ecommerce website with WooCommerce and WordPress

5 lectures • 51:34

Exercise: Creating Your Storefront Home Page, Part 0111:51
Exercise: Creating Your Storefront Home Page, Part 0212:58
Exercise: Creating Your Storefront Home Page, Part 0312:04
Exercise: Creating Your Storefront Home Page, Part 0406:45
Exercise: Creating Your Category Landing Page07:56

Launch and Beyond

2 lectures • 13:05

Prepare to Launch! Approval, Testing, Bugs and Beyond04:31
Pre-Launch Checklist: What to Do Before You Launch08:34

Description

This course will teach you everything you need to know about UX, including design, content, and coding. And you'll learn from the ground up, so it doesn't matter how much experience you have when you start.

You'll be exposed to principles and strategies, but, more importantly, you'll learn how to actually apply these abstract concepts by coding three different websites for three very different audiences.

Improve Your Website with UX Strategies

  • Apply UX strategies to a site's content & design

  • Understand Information Architecture to enhance the content on your website

  • Know what dictates how your website should look

  • Design and code a B2B website, a B2C blog, and an ecommerce site

Understand UX and Learn How to Develop Winning Websites

This course will help you stand out as a web designer, teaching you how to apply User Experience (UX) strategies that will make every site you build useful, usable, and valuable.

Reinforce what you're learning using the bonus 30-page downloadable UX Guidebook. Filled with exercises and activities, the UX Guidebook is a great tool to reference as you progress through the course, or while developing your own custom sites.

You'll also get hands-on experience designing and coding three different types of sites. This will give you the confidence to pursue similar projects if you're already a website designer, if you want to get into web design, or if you want to enhance your current business site.

Contents and Overview

Even if you're a complete beginner, this course will show you how to make a website functional, attractive and successful. It will walk you through all of the steps required to enhance the User Experience on any site, right down to the code, content, and design.

You'll begin by defining who your website users are and what they expect from the website. You'll also learn how business goals — yours or your client's — have to be uncovered and addressed for site success.

You'll learn what questions to ask both groups, and you'll use the answers to inform your content and design decisions.

Next, you'll dig into Information Architecture (IA), which looks at the content on your website, how you should categorize it, what you should call it, and more.

This will lay the foundation on which you can further build out your website to make users flock to it, stay on it, and hopefully make purchases.

Plus, you'll tackle how to design your website depending upon who your visitors are, whether your website is B2B (business-to-business), B2C (business-to-consumer), or an ecommerce site for selling products online.

Different audiences have different needs, so learning what your target user expects from your site means you'll be able to design and build a site that meets those expectations and leads to greater conversions.

In addition to knowing what you need to put into your website to make it stand out from the crowd, you'll also learn how to identify and remove UX- and UI-related obstacles.

The ability to see and solve these problems will ensure every website you build moving forward will be useful, usable and valuable to the people who use it.

Most importantly, you'll then learn how to actually build and code these types of sites using HTML, CSS, WordPress, and more.

You'll not only know how to effectively design B2B, B2C, and ecommerce sites, but you'll also know exactly how to develop these sites, from start to finish.

By the end of this course, you'll have an in-depth understanding of UX and web design, as well as the tools to develop a variety of sites with the right code.

You'll know why UX is so important to both users and businesses, what content is needed on a site, what UI design is appropriate, and how to transform your vision into a fully functional website using the most effective tools available.

Who this course is for:

  • New or established business owners who want to gain more from their online presence
  • Beginners who want to learn UX, web design and/or development
  • Website designers who want to enhance their skills
  • Print designers who want to move into web design

This course includes:

  • 23 hours on-demand video
  • 0
  • 17 downloadable resources
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion

Instructor

Joe Natoli

Students also download

Explore related courses to expand your learning journey.