UX & Web Design Master Course
Self-Paced LearningLearning Style
23 HoursCourse Duration
About Individual Course:
Now Only $10.00 Regular Price $99.00
Now Only $10.00 Regular Price $99.00/ Seat
When you subscribe, you get:
Master subscription plan gives you access to this course PLUS:
Now Only $2,499.00 Regular Price $3,499.00
Now Only $2,499.00 Regular Price $3,499.00/ Year
About this course:
This course will teach you everything you need to know about User Experience (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 App, Website or Internal System with UX Strategies
- Apply UX strategies to content & design
- Understand Information Architecture to improve content usefulness & comprehension
- Know what dictates how your app or site’s UI 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 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.
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.
- 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
- Web or App Developers who want to develop and improve UX and UI design skills
- Print designers who want to move into web and UX design
- An interest in UX and a willingness to learn!
Sugessted Prerequisite Courses:
Self-Paced Learning Outline
- Welcome: Get Ready to Define, Design and Code!
- Download the BONUS 30-page Course Guidebook
- Introduction to UX
- UX Guidebook - Resource Material
Definition - Planning for Success
- Why Are We Doing This?
- Three Crucial Questions (You Must Ask)
- What's Worth Doing?
- What Are We Creating?
- What Value Does It Provide?
- SNACK BREAK: Who Are Your Users?
- Exercise: Determining Value & Strategic Opportunity
Definition - Planning for Success Part II
- It's Not Just About Users: The UX Value Loop
- Business Stakeholder Research
- Identifying Business Goals
- SNACK BREAK: What Are Your (or Your Client's or Stakeholders') Business Goals?
- User Research: Putting People First
- Identifying User Needs
- Decision Paths: Connecting User Needs with Strategy
- Exercise: Create a Decision Path
- Introduction to Requirements
- Generating Meaningful Requirements
- Three Kinds of Requirements
- Documenting Requirements
- Determining Project Scope
- Controlling Scope Creep
- Exercise: Smart Project Scoping
- GGUX buy feature cards - Resource Material
Definition - Planning for Success Part III
- Planning for User Testing
- Creating a Test Plan: Who Are We Testing For?
- Prioritizing Device and Browser Support
- What to Test: Functionality
- What to Test: Usability
- What to Test: Errors and Exceptions
- What to Test: Compatibility
- What to Test: Performance
- What to Test: Security
- Definition Takeaways: Things to Remember
Architecture - Creating a Solid Foundation
- Information Architecture: Organizing Content and Flow
- What IS Information Architecture (IA)?
- Content Strategy: Identifying, Organizing and Delivering
- Determining Content Requirements
- Exercise: Identifying Content Workflows
- My Tips for Successful Information IA Modeling
- Creating and Prioritizing IA
- Content Labeling
- File Naming
- Grouping and Classifying Content
- Exercise: Determining Information Priority
Architecture - Creating a Solid Foundation Part II
- Exercise: Turning Information Priority into an IA Model
- IA Models: Which One's Right for My Site?
- Hierarchical Tree IA Model
- Nested List IA Model
- Hub and Spoke IA Model
- Bento Box IA Model
- Filtered View IA Model
- Combining IA Models
- Tools for Creating IA Models
- Socializing and Validating Your IA Model
- SNACK BREAK: Create an IA Model for Your Website
Architecture - Creating a Solid Foundation Part III
- Navigation Design
- Primary and Secondary Navigation
- Global and Local Navigation
- Navigation for Different User Types
- Validating Your Navigation Scheme
- Exercise: Determining Key Navigation Paths
- What is a Wireframe?
- Wireframing 101
- What a Wireframe ISN'T
- What a Wireframe IS
- My Tips for Creating Successful Wireframe Prototypes
- Creating Wireframes: Tools of the Trade
- SNACK BREAK: Try Creating a Basic Wireframe on Your Own
- Exercise: Creating a B2B Wireframe with Axure RP Pro
- Socializing and Validating Wireframes
- Wireframe Presentation Script and Signoff Template - Resource Material
- Architecture Takeaways: Things to Remember
Design - Information, Interaction and Interface
- "What's It Gonna Look Like?" An Introduction to Design
- Defining Appropriate User Interface (UI) Design
- How Definition and IA Inform UI Design
- Timeless UI Design Principles, Part 01
- Timeless UI Design Principles, Part 02
- Timeless UI Design Principles, Part 03
- Timeless UI Design Principles, Part 04
- SNACK BREAK: Identify Design Principles in an Existing UI
Design - Information, Interaction and Interface Part II
- My Tips for Solving Visual Problems
- Organizing Visual Information - Part 01
- Organizing Visual Information - Part 02
- Designing Appropriate Visual Hierarchy
- Designing for Audience Expectation
- Designing for Interaction
- Exercise: Create a UI Design for a B2B Website
- B2B Website - Resource Material
- Exercise: Create a UI Design Layout for a WordPress Blog - Part 01
- Blog - Resource Material
- Exercise: Create a UI Design Layout for a WordPress Blog - Part 02
- Exercise: Create a UI Design Layout for a WordPress Blog - Part 03
- Exercise: Create a UI Design Layout for a WordPress Blog - Part 04
- Exercise: Create a UI Design Layout for an Ecommerce Website
- ECommerce Images - Resource Material
- SNACK BREAK: Evaluate Your UI Design
- Design Takeaways: Things to Remember
Development - Building a B2B Website with HTML & CSS
- Development: Coding, Customizing and Configuring
- Dreaming in Code: You've Got the Power!
- Hosting & Domain Considerations
- File Structure and FTP: Organizing & Uploading
- Basic HTML Structure: Building a Solid Foundation
- Tags, Elements and Attributes: Describing HTML Content
- What's In a Name? Titles and Headings
- Formatting Paragraphs: Creating and Styling Text Content
- Organizing Your Code: Using Indentation and Comments
- Creating Your First Web Page: Applying What You've Learned
- HTML CSS Course and Exercise Files - Resource Material
- Content Elements – Hyperlinks: Getting from Here to There
- Content Elements – Unordered and Ordered Lists: Creating and Formatting
- Content Elements – Images: Adding Images and Defining Attributes
- Content Elements – Audio and Video: Adding Media to Your Web Page
- Font Styling: Defining Style, Color and Size
- Exercise: Adding Images, Unordered Lists and Hyperlinks
- Exercise - Resource Material
- CSS – Content Styling: Adding Good Skin to Good Bones
- CSS – Inline, Internal or External? Getting Smart
- CSS – Inheritance: Sharing Attributes Efficiently
- CSS – Background Color and Image: Creating Background Effects
- CSS – Font Color and Weight: Giving Text Impact and Emphasis
- CSS – Classes and Spans: Getting Specific with Styling
- CSS – Working with Divs: Dividing and Conquering with Classes and IDs
- CSS – Link Styling: Using Text Decoration
- Exercise – Creating a Navigation Menu: Leveraging CSS for Wayfinding
- Exercise – Resource Material
- Basic Table Structure: Organizing Content
- Styling Tables with CSS: Enhancing Communication and Readability
- Margins and Padding: Establishing Purposeful Negative Space
- Display and Positioning: What, Where and How
- The Box Model: The Parts and the Whole
- Float and Clear: Controlling Visual Flow
- Nested Layouts: Using Divs for Precision and Flexibility
- Forms: Creating Good Input (and Output)
- Creating Forms: Grouping Form Data
- Styling Forms with CSS: Creating Consistency and Usability
Exercises - Build A B2B Website with HTML & CSS
- Exercise: Create Your B2B Website Header
- Exercise - Resource Material
- Exercise: Create Your B2B Website Content
- Exercise - Resource Material
- Exercise: Create Your B2B Website Footer
- Exercise - Resource Material
- Exercise: Create Your B2B Web Page: Putting It All Together
- Exercise - Resource Material
- Browser Testing: Tips and Tools
Developing a Blog with the WordPress Content Management System (CMS)
- Installing WordPress Automatically: Using Your Hosting Provider's CPanel
- Installing WordPress Manually: Using an FTP Client
- The WordPress Dashboard: A Quick Tour of Features and Functions
- Posts vs. Pages: Creating Content in WordPress
- Categories: Organizing WordPress Content
- Tags: Adding Context To Your Posts
- Comments: Connecting and Managing Conversations
- Formatting Text: Using the WordPress Text Editor
- Adding Hyperlinks: Creating and Managing Links in WordPress
- Adding Images: Inserting and Managing Images in WordPress
- Adding Video: Inserting and Managing Video in WordPress
- Working with Plugins: Extending WordPress Features and Functions
- Exercise: Adding a Contact Form Plugin
- Using Widgets: Enhancing Your WordPress Layout
- Exercise: Adding a Widget
- Choosing a WordPress Theme: Finding, Evaluating and Installing
- Customizing Your Theme: Structure, Content and Appearance
- Creating Custom Menus: Replacing Theme Menus
- Using the Code Editor: Modifying Your WordPress Theme
- WordPress Settings: General, Reading, Writing and Permalinks
- Users and Roles: Assigning WordPress Access and Privileges
- WordPress Backup: Backing Up Your Blog and Database
- Updating WordPress: Automatic and Manual Updates
- Blog Course File - Resource Material
Exercises - Build A Blog with WordPress
- Exercise: Customizing Your Theme Header, Part 01
- Exercise: Customizing Your Theme Header, Part 02
- Exercise: Customizing Your Page Content
- Exercise: Customizing Your Footer
Developing an Ecommerce Website with WooCommerce
- Installing WooCommerce
- Basic Settings: Getting Started with WooCommerce
- Product Settings: Configuring Products in WooCommerce
- Tax Settings: Configuring Sales Tax in WooCommerce
- Checkout Settings: Configuring Checkout Options in WooCommerce
- Shipping Settings: Configuring Shipping in WooCommerce
- Account Settings: Configuring Customer Accounts in WooCommerce
- Product Categories: Adding Product Categories in WooCommerce
- Adding Simple Products in WooCommerce
- Adding Variable Products in WooCommerce
- Adding Virtual and Downloadable Products in WooCommerce
- Adding Linked and Related Products in WooCommerce
- Creating Coupons: Configuring Special Offers in WooCommerce
- Customizing Email: Email Messaging Customization in WooCommerce
- Managing Orders with WooCommerce
- Managing Inventory with WooCommerce
- Reporting: Sales Reporting in WooCommerce
- Configuring Product Category Navigation in WooCommerce
Exercises - Build An Ecommerce website with WooCommerce and WordPress
- Exercise: Creating Your Storefront Home Page, Part 01
- ECommerce Course - Resource Material
- Exercise: Creating Your Storefront Home Page, Part 02
- Exercise: Creating Your Storefront Home Page, Part 03
- Exercise: Creating Your Storefront Home Page, Part 04
- Exercise: Creating Your Category Landing Page
Launch and Beyond
- Prepare to Launch! Approval, Testing, Bugs and Beyond
- Pre Launch Checklist - Resource Material
|Learning Style||Self-Paced Learning|
|Course Duration||23 Hours|
|VPA Eligible||VPA Eligible|
Frequently Asked Questions About Virtual Instructor-Led Courses
I can't connect to my class, what are my options?
The link to the class is available upon logging in to your dashboard. If you are unable to see it, please contact our support team at 1-855-800-8240 and they will be happy to provide you the direct link via email or the dial in number.
I can't make it to attend to class. Can I reschedule?
Yes, you can reschedule your class. Please contact your Sales representative and they will arrange this for you. If you forgot his/her name, feel free to contact our support team at email@example.com or 1-855-800-8240.
Will I get my certificate upon completion?
Yes. Upon completion of the course, it will be available on your course as a Trophy Icon for you to download. If you do not see this, you will need to contact firstname.lastname@example.org with the following details so they can email you the certificate: Class Name, Class Date, Account Rep, and Your Email.
I cannot connect to my lab. Help!
Your Lab is accessible on the bottom part of your course. You will see a button that says "LAB". Just click it to launch the lab. Please note that some classes don’t need/require a LAB. You can verify with our support team by calling them at 1-855-800-8240 or by email at email@example.com. You can also check with your Instructor or the Associate Instructor if your class includes one.
What is my access code for Skillpipe?
A. Not all of the classes have or require Skillpipe. If your class includes one, please check your email as you should have received one from firstname.lastname@example.org. In case you do not find it in your inbox, please check the Spam / Junk folder. For any further assistance, you can call the support at 1-855-800-8240 or contact them via email at email@example.com.
I don't have audio. I can't hear the instructor.
Make sure you are using a compatible headset for your laptop or computer. If you don’t have a headset, you can use the built-in speaker of your laptop. Otherwise, you can use the dial in option by calling the dial in number provided in the class joining email. You may also contact support team for the dial in numbers associated for your training at 1-855-800-8240 or contact them via email at firstname.lastname@example.org.
How can I reach student support?
Support can be reach via phone at 1855-800-8240; via email at email@example.com or via chat support through the chat button on our website. Please note that support office hours will be from 8am-5pm CST Monday to Friday. Any concerns after office hours will be attended the following business day.
Have Questions? Ask Us.
Turn Training Into A Personalized Learning Experience
- Problem Solving through ExpertConnect & Peer-To-Peer Learning
- Find The Quickest Path To Learn With Career Paths
- Access All Courses With Master Subscription
- Manage Your Team With Learning Analytics
- Virtual Classroom Training & Self-Paced Learning
- Integrate With Your LMS Through API's