2018 Web Design 201: Designer Series *Wix Certified Trainer - Principles of design, color, & layout | Michael Wood, M.Ed., M.S. | Skillshare

2018 Web Design 201: Designer Series *Wix Certified Trainer - Principles of design, color, & layout

Michael Wood, M.Ed., M.S., Instructional Designer +18 Years

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
37 Videos (9h 47m)
    • Course 201 Introduction

    • Course Overview

    • The 4 W's of Web Design

    • Adding Value to Your Website

    • Design Layout Tutorial

    • Build a Call-to-Action Button

    • Use Color Palettes

    • The Law of Contrast

    • Contrast with Color Text

    • 3 Rules of Typography

    • Upload Custom Fonts

    • Create the Landing Page

    • Connect the Landing Page

    • Optimize the Landing Page

    • Landing & Home Page Hybrid

    • Using Design Strips

    • Managing Columns

    • Create Animated Buttons

    • Customize the Header & Navigation

    • Customize the Footer Area

    • 3 Features Your Footer Needs (Facebook Live)

    • Add an Event Flyer to Your Homepage (Facebook Live)

    • 3 Practical Photo Galleries

    • Wix Template: Stand-Up Comedian

    • Wix Template: Drone E-Commerce

    • Wix Template: Carpentry and Services

    • Wix Template: Accountancy Services

    • Wix Template: IT Services

    • Wix Template: Running Group

    • Wix Template: Celebration Cake

    • Wix Template: Lifestyle Vlogger

    • Wix Template: Cleaning Services

    • Wix Template: Wedding RSVP

    • Wix Template: Dance Club

    • Wix Template: Make-Up Blog

    • Wedding Videographer Template from Wix Web Design Tutorial %28Part 1 of 2%29

    • Wedding Videographer Template from Wix Web Design Tutorial %28part 2 of 2%29


About This Class



Learn professional web design principles from a Wix Certified Trainer.  Take your design to the next level!  You will:

  • Discover the 4 W's of Web Design
  • Add value to your website
  • Learn foundational design principles
  • Build a call-to-action button
  • Implement color palettes
  • Apply the Law of Contrast
  • Improve your typography with 3 rules of fonts
  • Upload custom fonts
  • Create a video landing page
  • Create a video/homepage hybrid
  • Build a page with design strips
  • Apply animation to buttons and objects
  • Customize the navigation menu
  • Find out 3 things your Footer should have
  • Add an event flyer to your homepage
  • Create 3 types of photo galleries
  • Wix Design Template Tutorials

Transcript from welcome video:

Hello, everyone. I'm Michael Wood at Captivatim Multimedia & Web Design. I'm really excited about this web design design course. And yes, I did say, "design," twice. The reason why is the term "web design" or "web designer" has come to mean so many things; everything from building a website, to designing it, to figuring out search engine optimizations (SEOs), and key words and blogs -- all the way to automation, like automatic bookings and getting people to schedule appointments online. There are so many jobs a web designer of today needs to do.

So I've broken it down into basic steps. If you were with me at the Web Design 101 class, we learned to build websites without writing code. We used Wix Artificial Design Intelligence (ADI), we used templates, we used anything we can to just get the site built.

If I were to use a car as an analogy, it's like we built the car. It's fast, it moves -- it moves great, actually. However, this course is about the paint job. This is where we're going to make that car look great. We're going to make your website look stunning and professional.

However, what I've come across, when I work with clients, is they get stuck at the template stage. Yes, their website is done, it can be published. But what can we do to make the website better? And that's where this class comes in. I am going to show you the strategies that professional web designers use. We're going to answer a lot of design type of questions, questions you were probably wondering and didn't even know who to ask. For example: What kind of fonts should you use? You know, you can go in there and choose 30, 50, even infinite number of fonts. But which ones are best for websites designed for screens and for mobile devices? How many fonts should you use? What about colors? How many colors should your website have? Can we just choose any colors or are there a predetermined set of colors that should be used? And if so, how do we make the text pop? How do we make it stand out on the screen? What can we do to help our visitors have an emotional response when they go to the "Home" page? Not just to know about your business or service, but to feel it, to get excited about it. What can we do to add to your site to make people feel how awesome your business or service is? How about a video background? Should we do a full-page video background or should we just kind of have a strip, a video strip? Which one is better? And if we went with a strip, why?

So this is not just a how-to-do-things using wix.com, this course is going to show you the strategies. Half of it is, yes, here's how to change your fonts. But the other half is well, why and which ones and under what circumstances should we make those changes?

We'll talk about colors. Let's talk about your navigation menu at the top of your website, the heading. What if you have ten pages on your site, but you only have five items of text at the top of the heading? Which pages should go on your navigation menu? And what do you do with the other five pages? How do we tuck those pages under so there's sort of a drop-down menu? These are nuts-and-bolts types of questions that if you can get the advice from a professional web designer, it's going to not only save you hundreds of hours of testing and frustration, but it's going to make your website stand out from the crowd, and in this Internet-crowded space, that is really important. All of these design-specific questions will be answered in this course.

So I'm excited about this. The prerequisite would be that you go ahead and have a website first. If you haven't taken the 101 class, I encourage you to do so. Or just have a website that you already have built, either from a template or from Wix Artificial Design Intelligence, or perhaps a website that's just been sitting around for many years and is starting to look old and it needs a renovation. Have a website in mind when you begin this class. Then as I start to show you the strategies design professionals use, you'll know how to make your website even better.

Let's go from good to great, and I look forward to seeing you guys in class.

1 of 1 students recommendSee All

Lots of really great design tips!





Michael Wood, M.Ed., M.S.

Instructional Designer +18 Years

Digital Creative. Wix Certified Trainer.

Michael is the owner and lead designer with Captivatim Multimedia in Riverside, California.  He is also a Wix Certified Trainer.  He is an Instructional Designer and provides e-learning services for major chains in the restaurant industry. 

He holds a Masters degree in Education from the University of California and a Masters degree in Educational Media Design and Technology from Full Sail Univ...

See full profile