Landing page generator for Ryan Reynolds

Start off the year with a 21-day portfolio challenge

Intermediate - Advanced
30 min

We heard you, Ryan, when you said “can we get someone to build a website today?” But at Webflow, we overachieve by default, so we built you 15. And we made a course that shows exactly how we did it.

Learn how to build a dynamic landing page generator in under 30 minutes.

Pause the background video
Webflow is free for students and educators
Learn more & apply

Summary

Course progress

Nice job, we did some time travel into the future and it is looking amazing!

0
%

Completed

0
of
4

Lessons done

We heard you, Ryan, when you said “can we get someone to build a website today?” But at Webflow, we overachieve by default, so we built you 15. And we made a course that shows exactly how we did it.

The challenge

Challenge
Day
Be a website hero
01
The ultimate navbar
02
Magical CMS layout
03
Formulate leads and science
04
Virtual shoes for your site
05
Hello, it's responsiveness
06
Show off your project pages
07
Project pages working everywhere, anywhere
08
The optimum contact page
09
Show us your contact page
10
Test your Open Graph settings
11
Shine a light
12
Bring your portfolio to life
13
Lost, but never forgotten
14
Password-protected
15
Practice accessibility
16
Share your design in progress
17
Ready, set, publish!
18
Portfolio verification
19
Update your CMS
20
Showcase your portfolio
21

Ready to get certified?

Test your web design and development knowledge learned in the Webflow 101 course. Challenge yourself with questions about the principles of the web, like the box model, HTML and CSS.

Go to Webflow 101 exam

The challenge

Challenge
#
Site Build: Hero
01
Site Build: Navigation
02
Site Build: Logos
03
Site Build: Cards
04
Site Build: Form
05
Site Build: Footer
06
Site Build: Responsiveness
07
Site Build: Publishing the site
08

Check out the new Figma to Webflow plugin

Ready to get certified?

Once you’ve completed the Webflow Expert Certification Course, you’re all set to take the next step in becoming a Webflow Expert. Please note: passing the Expert exam does not guarantee entry into the Webflow Expert program.

Go to Webflow Experts exams

Course outline

Getting started
Site build

Landing page generator for Ryan Reynolds

4
Lessons
Getting started
Getting started
Site build
Site build
No items found.

Hey Ryan, it's McGuire

On February 12th, 2023, Ryan Reynolds asked "can we get someone to build a website today?" in Aviation's Super Bowl video. On February 13th, Webflow responded by making Ryan an all-new course — just in time for Valentine's Day.

Learn how to design and develop a full CMS-driven website for a client.

Create and import data from ChatGPT

In this lesson, McGuire starts by building out a Collection in Webflow, then uses ChatGPT to write a fake endorsement in the style of Ryan Reynolds, and then bulk imports many fake endorsements in the style of Ryan Reynolds.

Build & design a landing page generator

In this lesson, we'll build out our HTML structure, we'll connect the structure to the Webflow CMS, and finally, we'll build the full design and layout using industry standard CSS properties.

Responsive design & publish

In this lesson, we'll make sure Ryan's website is fully responsive and fluid on Desktop, Tablet, Mobile Landscape, Mobile Portrait, and the small, digital display on the Zoom L-12 LiveTrak recorder.

McGuire addresses Hugh Jackman

After finishing building Ryan Reynolds’ course in Webflow and publishing it on ryanscourse.com, McGuire decided to deliver a direct, personal message to Hugh Jackman — at hughscourse.com.

In this video, we’ll not only visit laughingmancoffee.com, but we’ll purchase obscene amounts of coffee.

Requirements

  • Free (or premium) Webflow account — sign up
  • Chrome or Safari browser
Clone this project
Use this version to clone the completed project
Clone this project
Blank pages without hitting page limits
Go to Webflow 101 exam

Related courses

There's more coming

We're rolling out more lessons very shortly. Sign up to get early access to additional Webflow lessons and courses.

Shoot, something didn't work. Try again later, bud.