Layout & Design, SEO

Make a Custom 404 Page in Framer

Make a Custom 404 Page in Framer

Make a Custom 404 Page in Framer

·

1:35

·

4.3K views

·

About this lesson

Broken links don’t have to be a dead end. In this video, we’ll show you how to create a custom 404 page in Framer that keeps visitors exploring and makes your site feel complete.

Remix Link: https://framer.com/remix/oWVEGKi03S7eQg6ns1ZO

Sign up: https://framer.link/yt

Follow: https://framer.link/yt-x

Learn: https://framer.link/yt-academy

0:00Nothing kills momentum faster than0:03clicking a link and landing on a default0:05[music] 404 page not found screen. But0:08this error doesn't have to be a missed0:10opportunity. We can actually turn it0:12into a helpful onbrand moment for users0:15that [music] helps reduce frustration0:17and shows that we've thought about every0:19detail, [music] even the moments that0:21aren't supposed to happen. To set one up0:24in Framer, just open the pages panel,0:26click the plus icon, and select new 4040:29page from the drop down. This creates a0:32brand new page that we [music] can0:33customize and design however we want.0:36And once published, Framer automatically0:38detects and displays this page [music]0:40anytime someone visits a broken or0:42missing link from our site. When0:45designing a 404 page, make sure to keep0:47it simple, [music]0:49clear, and most of all, helpful. It0:52should let visitors know what happened,0:53but [music] more importantly guide them0:55to what's next and always make sure to0:58keep it visually consistent with the1:00rest of the site. That familiarity helps1:03keep users knowing they're still in the1:05right place. And if it fits your brand,1:08add a bit of personality. [music]1:10I know a custom 404 page might seem like1:12a small detail, but it's one of those1:14moments that shows how much you care1:16about the experience you're designing.1:19So, don't [music] leave it blank. Design1:21with purpose and make even the errors1:24feel intentional. Thanks for watching1:26and as always, I'll see you in [music]1:29the next video.
Also coversLinks

Watch on YouTube ↗

More in this topic

8 Framer shortcuts you're probably sleeping on4:19
8 Framer shortcuts you're probably sleeping on
Layout & Design3K views · 2 months ago
Framer Update: Stack Sorting and Bento Grids2:16
Framer Update: Stack Sorting and Bento Grids
Framer Update7K views · 2 months ago
Sharing Vector Sets Across Projects (Vectors Lesson 7)3:41
Sharing Vector Sets Across Projects (Vectors Lesson 7)
Layout & Design1K views · 3 months ago
Connecting Vector Sets to the Framer CMS (Vectors Lesson 6)3:38
Connecting Vector Sets to the Framer CMS (Vectors Lesson 6)
Layout & Design2K views · 3 months ago
Animating Vectors in Framer (Vectors Lesson 5)4:25
Animating Vectors in Framer (Vectors Lesson 5)
Layout & Design4K views · 3 months ago
Customizing Vectors with Variables in Framer (Vectors Lesson 4)4:59
Customizing Vectors with Variables in Framer (Vectors Lesson 4)
Layout & Design3K views · 3 months ago
Replace component instances site-wide in Framer1:39
Replace component instances site-wide in Framer
Layout & Design4K views · 4 months ago
Creating and Organizing Vector Sets in Framer (Vectors Lesson 3)6:58
Creating and Organizing Vector Sets in Framer (Vectors Lesson 3)
Layout & Design3K views · 4 months ago

Create a free website with Framer, the website builder loved by startups, designers and agencies.