Staging environment

Next-Level Web Design

4.8 (10)

·

4 Weeks

·

Cohort-based Course

Master web design principles and build a portfolio-ready landing page in Figma from start to finish.

Clients include

Spotify
Peacock TV
Chipotle
Salesforce
Indeed

Course overview

Design websites like the pros

Whether you are a seasoned designer, totally new to the industry, or wanting to make a career switch — if you’re wanting to level up your web design skills, this course is for you.


In this hands-on course, you will learn everything you need to know to design at the professional level by mastering the principles of typography, color and layout. You'll put industry practices into place as you gather and curate inspiration, establish a style, and design a cohesive web experience on your very own landing page project.


At the end of four weeks, you will have: 

• Several portfolio pieces to share — use them to land that new client or to apply for a full-time web design role

• A fully designed landing page with desktop and mobile screens, using the same methods as top-tier agencies

• All the knowledge you need to interview for new roles and design websites at a professional level.

Who is this course for?

01

Graphic Designers


Make the jump to professional web design and increase your income potential.

02

UX/UI Designers


Build upon your interface design knowledge and start designing your own websites

03

Web Developers


Add web design skills to your arsenal using the same methods as top-tier agencies

What you’ll get out of this course

Apply principles of web design and industry best practices to real projects

We’ll start with everything you need to know to get started in web design. You'll learn how to select typefaces and establish hierarchy, create color palettes for the web, and properly use grids to create responsive layouts.

Implement tried-and-true industry techniques used by world-class agencies on your own landing page project

We’ll cover frameworks used by some of the best web design agencies that you can use right away to ideate and create cohesive concepts for the web, including hero exploration, working collaboratively with other designers, and moving quickly from concept to design to dev handoff.

See behind the scenes of real client projects

We’ll be breaking down the design process on real client projects, created by some of the best in the industry. You'll get to see the full process from start to finish on five- and six-figure, award-winning projects, including methods you can use on your own projects.

Get feedback on your work, connect with your instructor, meet other designers and ask hard-hitting questions during live office hours

Share your work, ask questions and get feedback on your work throughout the week in the course community. Ask the hard-hitting questions in a relaxed, open environment during live office hours on Fridays at 12:00 EST.

This course includes

8 interactive live sessions

Lifetime access to course materials

49 in-depth lessons

Direct access to instructor

7 projects to apply learnings

Guided feedback & reflection

Private community of peers

Course certificate upon completion

Maven Satisfaction Guarantee

This course is backed by Maven’s guarantee. You can receive a full refund within 14 days after the course ends, provided you meet the completion criteria in our refund policy.

Course syllabus

Week 1

Oct 14—Oct 20

    Oct

    14

    Session 1: Typography & Color

    Mon 10/145:00 PM—6:00 PM (UTC)
    Optional

    Oct

    17

    Week 1: Office Hours

    Thu 10/175:00 PM—6:00 PM (UTC)
    Optional

    Introduction

    1 item

    Typography

    9 items

Week 2

Oct 21—Oct 27

    Oct

    22

    Session 2: Layout

    Tue 10/225:00 PM—6:00 PM (UTC)
    Optional

    Oct

    25

    Week 2: Office Hours

    Fri 10/255:00 PM—6:00 PM (UTC)
    Optional

    Layout

    8 items

Week 3

Oct 28—Nov 3

    Oct

    28

    Session 3: Finding Inspiration & Establishing a Style

    Mon 10/285:00 PM—6:00 PM (UTC)
    Optional

    Nov

    1

    Week 3: Office Hours

    Fri 11/15:00 PM—6:00 PM (UTC)
    Optional

    Finding Inspiration

    7 items

    Establishing a Style

    7 items

Week 4

Nov 4—Nov 8

    Nov

    4

    Session 4: Design

    Mon 11/46:00 PM—7:00 PM (UTC)
    Optional

    Nov

    8

    Week 4: Office Hours

    Fri 11/86:00 PM—7:00 PM (UTC)
    Optional

    Design

    8 items

Bonus

    Bonus Content

    6 items

4.8 (10 ratings)

What students are saying

Meet your instructor

Benten Woodring

Benten Woodring

Senior Web Designer

For over ten years, I’ve built and led cross-disciplinary teams with my own studio, working for world-class agencies, and creating identities and websites for household name brands and startups. I've done work for the likes of Spotify, Peacock, Salesforce, Chipotle and Indeed, among others. My work has been featured by Fast Company, Webflow and more. When I'm not drawing rectangles, I like to spend time on my bike and hiking in the mountains with my family.

A pattern of wavy dots

Be the first to know about upcoming cohorts

Next-Level Web Design

Course schedule

4-6 hours per week

  • Live Sessions

    Mondays 1:00 - 2:00 EST

    Join your instructor each Monday for live teaching sessions covering the week's module. We'll have time for Q&A after each lesson, so bring your questions!

  • 4 Self-Paced Lessons

    20 minutes per week

    Loads of design principles to help you level up.

  • 7 Design Exercises

    2-3 hours per week

    • Practice adding type styling to a real client project
    • Write a creative brief for your project
    • Create color palettes for the web using color theory
    • Develop a wireframe for your landing page
    • Gather inspiration and create a stylescape
    • Style your wireframe
    • Design a landing page
  • Live Office Hours

    Fridays 1:00 - 2:00 EST

    Get feedback on your work or ask questions during regular live sessions with your instructor.

Learning is better with cohorts

Learning is better with cohorts

Active hands-on learning

This course builds on live workshops and hands-on projects

Interactive and project-based

You’ll be interacting with other learners through breakout rooms and project teams

Learn with a cohort of peers

Join a community of like-minded people who want to learn and grow alongside you

Frequently Asked Questions

Stay in the loop

Sign up to be the first to know about course updates.

A pattern of wavy dots

Be the first to know about upcoming cohorts

Next-Level Web Design