GIFs on GIFs! Scrollbars transformed into navigations.
 
Love Letter logo Love Letter #030
Below are my favorite websites, UI components, templates, domains & finds featured on One Page Love since I last wrote. You can also read this edition online. Hope it keeps the inspo topped up!
Rob Hope Much love,
Rob Hope
 
Supported By
Design in Figma, launch in Webflow

Big shout-out to website builder Webflow for sponsoring this edition of the Love Letter. Convert your static designs in Figma to clean HTML and CSS in Webflow in just a few clicks with the Figma to Webflow plugin. Design with auto layout in Figma, then easily translate your designs to Webflow as responsive flexbox structures — and adjust HTML tags within Figma to get your site live faster.

Install plugin

 Design in Figma, launch in Webflow
 
Get Inspired
One Page website inspiration.

Get inspired with these unique Single Page websites (full archive) featured on One Page Love over the past week.

Once  
Once Visit ➝
  Storytelling launching soon page for Once, the new line of (once-off payment) software products from 37signals. Wanted to take this moment to discuss why this kind of "seemingly simple" One Pager gets accepted into the gallery over others, often with a lot more features/content. Firstly, I'm trying to showcase a healthy spread of categories and this is a less common, manifesto-style One Pager. But when you dive deeper there is a uncommon typeface (Family by Klim Type Foundry), a stylish signature, a clever newsletter sign up box animation, fun p.p.s. success message, a huge 4-letter .com domain and a compelling pitch. All contributing to a strong One Page website.   37signals 37signals  
 
Innovative Sleep Technologies  
Innovative Sleep Technologies Visit ➝
  One Pager (built with WordPress) for Innovative Sleep Technologies featuring a great choice of hero background video resembling satin sheets.   DD.NYC DD.NYCPro  
 
Inside South East  
Inside South East Visit ➝
  Wow, what a unique One Pager for Inside South East, a commercial fit-out and refurbishment company. Give the team section a spin and experience the characters via ascii code. Awesome to see more experimental concept One Pagers in different genres.   UnitedUs UnitedUs  
 
HyperCinema  
HyperCinema Visit ➝
  Exciting One Pager taking bookings for HyperCinema, a new AI live experience launching soon in Auckland. As you scroll you see snippets of how people are portrayed within the multiverse.   Gladeye GladeyePro  
 
DEEO  
DEEO Visit ➝
  One Page portfolio (built with Framer) for DEEO digital design studio featuring brilliant big team images. And what a wholesome touch ending off the site with a vintage photo (1996) from when they were friends as kids.   DEEO DEEO Monica Sanchez Monica Sanchez Yianni Mathioudakis Yianni Mathioudakis  
 
Diligent flow  
Diligent flow Visit ➝
  Long-scrolling One Pager (built with Webflow) for Webflow design/dev service Diligent flow. Neat touch including their CEO image, LinkedIn and email within the Enterprize pricing table tier.   Diligent flow Diligent flowPro  
 
Shape  
Shape Visit ➝
  Neat One Pager (built with Framer) for Shape, a startup to help you "talk to your database" via Slack. The Single Page website features a long-scrolling How It Works breakdown, as well as a great choice of graphic in the hero section, demonstrating a common (and exciting!) use-case.   Shape.xyz Shape.xyz  
 
Portfolio Final Final  
Portfolio Final Final Visit ➝
  Fun Landing Page (built with Framer) promoting the upcoming 'Portfolio Final Final' book by Fedor Shkliarau to help you get your portfolio out the door. Had a good chuckle at the unclickable "publish portfolio" button in the footer. Fedor is the designer behind the brilliant Alfread One Pager recently featured.   Fedor Shkliarau Fedor Shkliarau  
 
DesignShip  
DesignShip Visit ➝
  Neat touch adding a UK/USA toggle (instead of £/$) in the pricing table of this One Pager (built with Webflow) for DesignShip, who offer design as a subscription.   CJ Brown CJ Brown  
 
 
 I'm sorry, but I'm not going to pay $12 a month for a non-essential figma plugin in this economy. That's the price of a streaming service. 
Quoter
@apixelpusher
 
Noteworthy
Interesting UI components.

Some recent page components (full archive) I thought were really well designed or found interesting. Each is captured in full HD and links to the original page source. Hit me up if you scroll into something fresh.

Off Menu Scrollbar Navigation  
Off Menu Scrollbar Navigation Scroll ➝
 What a unique idea blending the scroll bar with the long-scrolling page sections. As you scroll the scrollbar/nav highlights where you are in the journey. (also love how they labeled the testimonials section, Trust)  
 
Kristina Kovzik  
Kristina Kovzik How It Works Smile ➝
 Kristina Kovzik's One Page portfolio features a fun smiley face rolling through her how-it-works section as you scroll down.  
 
 
 It's a tough life for software builders b/c everything is compared to a Netflix subscription. Imo if a tool makes you marginally more effective at your job, it's worth ~hundreds of dollars per year 
Quoter
@brian_lovin
 
Validate Faster
Landing Page Templates.

Long-scrolling Landing Page templates (full archive) to kickstart and validate your next idea quicker.

Quicklinks  
Quicklinks Webflow Template Demo Clone $24
  'Quicklinks' is a link-in-bio type One Page template crafted by The Papestielliz, except it oozes style. The 1-click-clone for Webflow also includes a few more sections like recent products, blog posts, testimonials and an Instagram feed.
 
JustType  
JustType Framer Template Demo Clone $39
  'JustType' is minimal One Page portfolio template built for the Framer platform by Lauren Waller. This stylish, type-focused template comes in 3 color schemes and could even be used as a contemporary online résumé.
 
 
Featured Article
Can a home page be a Landing Page?

Simply put, yes. But let’s dive deeper. Apple’s iPhone 15 promotions send users to the iPhone 15 product page and not the home page. Why? There are 3 prerequisites for Landing Pages to be effective...

 Can a home page be a Landing Page?
 
Available to register
Brandable dot com domains.

Give your side project a better first impression with these memorable dot com domains (full archive) I handpicked recently. They are all available to register right now. Yup! First come, first serve.

 
Featured Image Source
 
Bonus
My favorite online finds.

A few resources for your next project but also some inspiring links to take a break with. Experienced anything special recently? Holla.

Brutalist MacBook Air Mockups ($49) - 16 hi-res 6000x4500 environments to use for your next launch.
100 SVG Shapes - No attribution needed. Decent color customization. Copy to clipboard. Cheers Anup Aglawe!
Stop saying “fail” - Language shapes our perception of setbacks. Use words other than “failure” to describe situations and to suggest the next step. New essay by Jason Cohen.
How to create isometric diagrams using SVG - In-depth, visual breakdown by Artur Khokhlov.
Grade Club - Remote color grading subscription service. Interesting to see another design-related subscription service kicking off outside of web design.
 
Landing Page Hot Tip
Use footer for pre-sale

Hot Tip #12 is to use your footer area for pre-sale support.

If your visitor has not committed by the end of the scroll, they still have doubts. Insert your FAQs, along with your support details:

Use footer for pre-sale
Use footer for pre-sale
Use footer for pre-sale
This area could be the difference between a visitor and a customer.

ps. here is a collection of 90+ Landing Pages I’ve curated featuring helpful FAQs near the bottom.
 
Your Curator
Hey! I'm Rob Hope.

If you are enjoying One Page Love and the Love Letter editorial here are a few ways to help support the work I do.

Rob Hope
Spread the love about using: onepagelove.com/letter or forward this Love Letter #030 using: this link.
Grab my Landing Page Hot Tips Ebook (here is 40% off)
Follow @robhope or @onepagelove on Twitter
Review the Yo! Podcast on Spotify, Google Podcasts or Apple Podcasts
Want to build a One Pager with no-code? Get started free using Webflow <3
 
Unsubscribe Love Letter logo