Had a hoot vlogging/re-enacting my Webflow Conf London talk about strengthening your Landing
Pages.
I am confident if you have a webpage that is promoting something this
15 min talk will help increase those sign ups, sales or
downloads - enjoy!
Below are my favorite websites, UI components, templates & finds featured on
One Page
Love since I last wrote. If the content gets cut off, you can read it
online here.
|
Much love,
|
|
Get inspired with these hand-picked Single Page websites I really enjoyed since I
last wrote. View all recent
entries.
Impressive 3D element overlay in this One Pager (built with Webflow) taking registrations for the Amsterdam Chemistry
Innovation Day event.
|
Good whitespace in this One Pager taking waitlist requests for the launch of
Lisplogics, a mobility operations startup. Nice touch with the friendly face
in the sticky CTA button and that's a refreshingly spacious waitlist sign up
box.
|
Neat perspex/glass component branding throughout this One Pager (built with
Webflow) for Get Structure, a new operations-focused SaaS
startup.
|
Stunning photography One Pager (built with Framer) celebrating the beauty of America's National Parks
through the lens of Rishad Amarkhel. Great to know all imagery are free for
personal use. Please note I cropped the photo collection for screenshot
purposes.
|
Lovely personality shown throughout this One Pager for freelance marketing
specialist Chantal Hoahing. Note the unique project cards, the letter-stamped
contact form and the interactive/sketched bio images. Also want to point out
the unique testimonial according with highlighted takeaways at the top level,
then the glowing review when you open it up.
|
Minimal redesign of the Endless design subscription service in a simpler, narrow design
One Pager (built with Framer). They stripped how-it-works, icons and the pricing
table.
|
Clean launching soon page for BodyStack, a new initiative in the health and
wellness space. Nice touch adding the social proof (with smiley/healthy
looking people) right below the notification form.
|
Stylish One Pager for UI/UX designer Jagoda Kondratiuk featuring teasers of
her work when you hover of the portfolio items.
|
Pablo Stanley just dropped the first segment of his Master Gorgeous UI Design
course. I tucked in a few days ago I was delighted to see One Page Love included
in the design inspiration chapter. I'm honestly in awe how he created this course
with his team using jazz music and fun multi-cam edits.
A few resources for your next project but also some inspiring links to take a
break with. Experienced anything special recently? Holla.
Most websites don't need a super robust style guide or naming system.
For most simple websites, this is an overkill that is probably slowing
you down. Being a "pro" doesn't mean you have to complicate things.
Keep it simple.
|
|
|
@ransegall
|
|
Here are the Landing Page templates I really enjoyed recently. These are great to
validate your next idea quicker. View all
recent templates.
|￣￣￣￣￣￣￣￣￣￣￣￣￣￣|
Show
Them
|＿＿＿＿＿＿＿＿＿＿＿＿＿＿|
\(•◡•)/
\ /
---
|_ |_
|
Source
|
Landing Page Hot Tip
|
|
Define a visual hierarchy
|
Hot Tip #78 is to define a clear visual hierarchy.
Step back from your Landing Page, squint your eyes, and take note of the
content that appears most prominently. Is this prominent content more
important?
A visual hierarchy orders content by significance and also suggests the order
to follow. If all content was of equal size and weight, we wouldn’t know
where to start. Naturally, we want our introduction headline text to be the
most prominent as it’s where the visitor’s journey begins:
A visitor’s eyes are also trained to follow a Z-pattern:
1 – 2
3 – 4
Note how you probably followed a Z-pattern when looking at the above
image:
A good rule-of-thumb is to increase the prominence of your more important
content while decreasing the less important.
|
If you are enjoying One Page
Love and the Love Letter, here are a few ways to help support the work I do:
|
