siliconstories.com
Send request
0

No products in the cart.

Web Design Trends For "Start Here" Pages – Designmodo

February 15, 2024

• 7 minutes READ
When visitors land on a new website they usually have no idea where to begin. They usually just look around for nav links that might provide the info they’re looking for. But the newest trend of the “start here” page offers a much better experience.
Brand new users on your site should be inspired to keep browsing deeper into your posts. The best way to achieve this is with a single unified intro page featuring links, a small guide to the site, and even some background about yourself & the site’s history.
In this post I’ll look into the trend of start here pages to see what they offer and how you can take advantage of them in your own projects.
The biggest reason to use a “start here” page is to introduce new visitors to your website. Since each site offers something different the “start here” pages will have a different goal based on content.
Your page should share vital information and aim to educate visitors about the site. But it should also drive visitors further into the site by sharing the best resources and links to get started.
Personal blogs run by one person could have a “start here” page that introduces the person and their history with the website. This is the case with Darren Rowse on his site ProBlogger.
With Postcards Email Builder you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.
Introduce Your Website
This is actually one of the more well-designed examples because Darren has years of experience with writing, design, and user conversions.
He offers a bunch of links to relevant posts right off the bat. He also has an embedded intro video for new visitors who want to learn more about the site. Down lower on the page you can read about Darren’s journey and how he built ProBlogger into the empire it is today.
By starting with a personal touch readers can be enticed to keep browsing further into the site. The page is full of CTAs for Darren’s newsletter and free e-book which may garner more clicks from people who now understand the mission behind ProBlogger.
CTA
For a much simpler example check out the Modest Man page. This features a large fullsize photo of the site’s owner Brock McGoff. But most of the page centers around the value add from Modest Man as a website, not around Brock’s personality.
You can introduce a site however you want in whatever manner feels right. If you prefer to stay behind the scenes that’s totally OK.
Just understand that the goal is to educate and encourage visitors to keep clicking deeper into the site. Your start here page should answer common questions for newer users and help guide them further.
With Startup App and Slides App you can build unlimited websites using the online website editor which includes ready-made designed and coded elements, templates and themes.
I briefly touched upon this idea earlier but I do recommend using a start here page on personal sites. These seem to work better for high-traffic sites where new visitors might not know about your or what you do.
But the goal with a personal page is to introduce yourself, your history, what you do and why you do it. Some people feel comfortable sharing their hobbies or family life while others keep it strictly business. There is no wrong answer.
The goal is to establish a personal connection with your visitors, or at least a semi-personal connection since it’s happening through a computer screen.
One of my favorite marketers is Gary Vaynerchuk and he has an incredible start here page on his personal site.
Personal Connection
Since he does a lot of speaking and social media outreach most people already know who he is.
But it’s not fair to assume that everyone knows. So his start here page targets people who just want to learn more about Gary’s lifestyle. He shares info about his past and his business-building lifestyle.
Even more importantly he links out to all his social channels and links to some of the best articles on his site.
This is a good example of a personal value add where people can learn more about Gary and maybe even become followers of his work online.
Michael Hyatt
On the other hand you can do something like Michael Hyatt or Chris Ducker where they both offer specific tips and handy resources for new readers.
These pages introduce the person behind the site, but they put more focus on valuable information for the reader. If you’re running a personal site chances are that you offer something of value whether a product, service, or both.
Use your “start here” page to share your personal history but also to prove that you’re an authority in your industry.
Sites with 100+ pages are much harder to search through even with category archives. Your best posts often get lost in the shuffle so you should do your best to include these links in your start here page.
New visitors won’t know where to start on your site or which posts are worth reading. Create lists of your best articles and encourage new visitors to check them out.
List Important Articles
The start here page for A Life of Blue talks about travel and living with a nomadic lifestyle. These topics permeate most articles on the site, but some posts are more valuable to new visitors.
As you scroll down the page you’ll notice a sub-heading labeled “What should I read first?”
This is a beacon for new visitors who might be asking themselves this very question. It has a list of 10 popular posts related to travel and living free outside any specific lifestyle.
Other links point towards a free e-book and the site’s category archives. These are all valuable to new visitors but a list of recommended posts is the best place to start.
Another example I really like is the start here page for Hilah Cooking. While it does have a brief intro it also has many recommended links broken up into sections.
Hilah Cooking
These aren’t just links cherry picked at random. They’re detailed recipe guides organized by preferences like basics, American classics, and vegetarian meals.
Internet users are incredibly impatient and they want to move fast. Providing a list of links is great, but organizing them based on context is even better.
I also like how this page is relatively short. It keeps attention where it belongs and gets visitors moving into the site. This should be the goal of every start here page, and recommended reading links offer a method of further engagement & pageviews.
Since the “start here” page is intended to capture attention it should be well-designed and easy to look at. Try to include photos, graphics, or even videos if you have the material.
If you’re running a simple blog you can get a lot more stylized with the design. For example take a peek at the “start here” page on the blog Life as a Strawberry.
Use Creative Designs
The writing is easy to read and the very first image is a personal photo of the site owner. The whole design feels easy to consume and whimsical.
But the rest of the page also uses images organized into a grid structure. This is popular with food bloggers because photos sell much better than words. In fact, many of the related links don’t even have link text. They’re just thumbnail photos of the recipes.
I don’t personally recommend going this far but you should try mixing things up. Add thumbnail photos to your link list to encourage clicks. Try structuring your page with different headlines and use photos/icons to spruce up the design.
Another incredible example is the Wellness Mama start here page. The page uses a custom header with a background photo and places tons of photos & icons throughout the page.
Wellness Mama
There’s a small category list of links with photos for each one. This makes it easy for new visitors to browse all posts for recipes, motherhood, and podcast episodes(among other categories).
Lower on the page you’ll find long lists of posts with thumbnails broken up by category(wellness, detox, DIY recipes, etc).
I think Wellness Mama does content right and really has the best-designed “start here” page I’ve seen. The color scheme works well, text is super easy to read and the photos add a certain livelihood to the page.
Try to create a design that feels alive while also keeping attention on the content. Even a very simple minimalist design can work as long as you’re helping new users get acquainted with the site.
As blogs and sites grow larger they become packed with great content. New visitors benefit the most from start here pages because these pages offer a mini tour guide for easing into the website.
But how you design this page is crucial to the user experience and how well the content is received. The tips in this post should help you build incredible start here pages that offer value to all readers and make your site much easier to navigate.
Jake is a writer covering topics about UI design & web development. His work can be found all over the web and on his personal portfolio. You can also follow his latest updates on Twitter.
We create beautiful website and email builders, helping 30,000 customers to grow their business.
A simple tool to create emails and newsletters.
Create an animated website in minutes.
A perfect tool to create Bootstrap website.
Earn 25% commission on affiliate sales. We have everything you need to make money.
Our useful services seamlessly integrated with each other and our products to get you to the finish line faster.
Drag-n-drop solution for your static website to quickly host your static website.
Design in the cloud and create new websites seamlessly, without any coding skills.
Talk to your audience at scale. Send your email marketing campaign quickly and easily.
Get website downtime alerts by phone call, SMS, email, Slack, etc when your website went down.
Whether you’re an experienced web designer, developer, marketer, or a newbie looking to learn the basics, there’s something for everyone on this blog.
173 articles
137 articles
110 articles
96 articles
92 articles
24 articles
16 articles
92 articles
148 articles
57 articles
52 articles
18 articles
101 articles
35 articles
64 articles
We’re always looking for new authors. We’re happy to publish useful articles and tutorials related to web design.
Made by Designmodo.
This website design and code was built using our tools. Treat it as a proof of concept.
Subscribe now to receive discounts, news, and updates. We pinky swear to not spam you. 😉
Copyright © 2010-2024. All Rights Reserved
We use cookies to ensure that we give you the best experience on our website. Privacy Statement.
Your cart is empty 🙀
Get started with the most advanced email builder for your next campaign or newsletter.
A perfect tool to create website or prototype projects. It will fit all kinds of projects.
Create an amazing static website in minutes and export ready-to-use template.
Get started with the most advanced email builder for your next campaign or newsletter.
A perfect tool to create website or prototype projects. It will fit all kinds of projects.
Create an amazing static website in minutes and export ready-to-use template.
Create an amazing static website in minutes and export ready-to-use template.

source

Posted in Design, Events, Technology, Ui DesignTags:
Write a comment