Intro to web design©

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

See behind the scenes of real client projects for companies like these

why learn web design?

build the life you want

in-demand

In today's digital age, there’s a constant demand for skilled designers to architect the web, recession or not.

high-paying

Before I got into design, I had no idea of the incredible income potential that the design industry held. Six-figure salaries are just the start.

flexible

Work from home, work from anywhere.

huge potential

Build your own business, work for an agency, or build your dream project.

learn the
Foundations
of web design

See behind the scenes of real client projects for companies like these

+ build a
portfolio-ready
landing page

from start
to finish.

join us

who is this course for?

graphic designers

Wanting to make the jump from Graphic Design to Web Design but aren’t sure where to start? In this course, you'll learn all the foundational skills you need to be a successful web designer and maybe even land your first web design job. You’ll be able to add several pieces to your portfolio along the way, finishing the course with a full landing page design in both mobile and desktop screen sizes.

ux/ui designers

Already have a solid understanding of UX but want to flex your UI design skills outside the bounds of product design? This course will build upon your interface design knowledge and equip you with the skills you need to start designing your own websites.

web developers

Want to add web design skills to your arsenal? Learn how agencies plan and design websites from start to finish. You'll complete the course with a portfolio-ready landing page to share with the world.

marketing professionals

Curious about the web design process? In this course, we’ll cover UI/UX principles and how they apply to world of marketing websites. You’ll finish the course with a better understanding of the process and how you can better prepare for your next web design project.

An iPhone 14 on a table with light rays casting over the screen and table. A design for a website called Lob is displayed on the screen. The heading at the top of the website says "Connecting the world, one mailbox at a time."

What's Included

Everything you need to get started as a web designer

4 lessons

Go through each video lesson at your own pace.

7 design exercises

Get straight into Figma with assets ready to use.

2 hours of video

Loads of design principles to help you level up.

lifetime access

Pay once, access your content forever.

Course Curriculum

A fictional design for a website called Design & Build. The background of the site is forest green and features modern architecture.

module 01

typography & color

In this lesson, we’ll get into the ins and outs of the most foundational elements of web design — typography. We'll also learn how to build a color palette specifically for web.

A fictional ad spot design for a company called Easy A where one can learn about Web3 and earn money by completing quizzes.

module 02

layout

Learn how to arrange information on a page in a way that is visually balanced, built for the web, and is easy for viewers to consume. You will create and use a 12-column grid, design around real content, use tried-and-true components, and arrange content in a way that is easy to navigate.

A design for a mobile website called Mixer.

module 03

Finding Inspiration & Establishing a Style

In this lesson, we will find, gather, and curate inspiration we’ll be able to use for our landing page. We'll share some of our favorite resources, along with some unexpected ways to ignite new ideas.

Web design for a site called Apt Vest. The heading on the page says "Real estate investing. Real world impact."

Module 04

Design

In our final lesson, you will use all of your new knowledge and skills to build your very own portfolio-ready landing page. At the end of this lesson, you will have a desktop and mobile version of your landing page to share with the world, along with practical skills you can use to start designing more of your own websites.

the highlights

Course Overview

self-paced session recordings

Progress through the course at your own pace, regardless of your schedule.

live office hours

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

figma files for each lesson

Spend time improving your web design skills instead of getting your file set up. We’ll have all the assets you need to get started right away.

A portrait of Benten Woodring looking to the right with hope in his eyes.

Hosting this course

Meet your instructor

Benten Woodring

For over nine years, I’ve built and led cross-disciplinary teams with my own business, working for world-class agencies, and creating identities and websites for household name brands, including tech startups and Fortune 500 companies. My work has been featured by Fast Company, Webflow, One Page Love, and more. I am one of the co-founders of footer.design, previously partnered with ADPList to launch my last web design course, and have competed in the first e-sports for web design event with Relume Design League, battling it out against the likes of Fons Mans and others in timed competition. When I'm not drawing rectangles, I like to spend time on my bike and hiking in the mountains with my family.

heard in the twitterverse

What people are saying

Benten's knowledge and skills in web design is world-class. I've been a designer for 18+ years, and I'm learning new things with his course.

Phil Goodwin
Phil Goodwin
Creative Director of Product, Unfold

Benten was introduced as the best in the biz, and he has exceeded expectations across the board.

Duncan MacEwan
Duncan MacEwan
Principal Economist, ERA Economics

Benten is a unicorn in that he's both process-driven and wildly creative. Typically those two aren't coupled together. I've had the honor of working under his mentorship - Benten is patient and well versed in providing constructive feedback. Benten is a great leader, creative visionary, and master communicator.

Alicja Colon
Alicja Colon
Web Designer

Benten has such a rare gift of self-analysis and commitment to refine everything he does. He has trained himself to become an expert and started multiplying his expertise to others. Many people can improve their own lives, but Benten has shown awesome potential in improving others’.

Shelby Matthew
Shelby Mathews
VP, Creative at Native Digital

Benten is crushing quality UX.

Justin Watkins
Justin Watkins
CEO, Native Digital

Benten is so extremely talented and well-versed in all things UX/UI Design and is great at explaining things to me that I don’t always understand.

Bailey Callow
Bailey Callow
Project Manager at Propaganda3

questions

FAQs

Who is this course for?

Curious about the web design process? In this course, we’ll cover UI/UX principles and how they apply to world of marketing websites. You’ll finish the course with a better understanding of the process and how you can better prepare for your next web design project.

Do I need any experience to take this course?

No, you do not need any prior experience to take this course. However, a basic understanding of design principles and some familiarity with Figma would be helpful. The course is designed to be accessible to anyone who is interested in the topic, regardless of their prior experience.

What tools and frameworks will be covered in the course?

We will be using Figma as our tool of choice for this course, but students are welcome to use Sketch or any other design tool. Note that all assignments and files will be provided as Figma files.

What will I be able to do after completing this course?

This course will teach you the foundations of web design. After completing this course, you will be able to create a fully designed landing page. You'll have a strong grasp of typography, color, layout, finding inspiration, and establishing a style for web design projects. You will have several portfolio pieces to share, and will have all the knowledge you need to start designing your own websites.

Do you offer refunds?

We do not offer refunds, but if you have any questions, please reach out to hello@benten.design.

Get notified when enrollment opens.

Join the next wave of web designers, get plugged in with the design community and build the life you want.

Get Notified
A screenshot from the course viewed from an angle. It features a real estate landing page design in Figma.