Nov
12

Designing “Coming Soon” Pages


Here are some best practices and tips to keep in mind when designing your own “Coming soon” pages, as well as examples.

Tell Us What to Expect

When someone lands on your “Coming soon” page, they should get an idea of what your website will be about and why it might be useful to them. This is especially important if you’re asking visitors to sign up for updates or to check back regularly. If we can’t tell what the website is for, why would we bother coming back?

Give us at least some indication of the website’s purpose. This doesn’t mean you have to spell out everything the website will offer; rather, hint that it’s something we might be interested in. For example, if you will be offering a time management app specifically for Web designers, you might say that the website will help streamline the workflow of Web designers. It gives a taste of what the website will do, while maintaining some mystery.

KISSmetrics
KISSmetrics provides a ton of information on its “Coming soon” page, including a form to sign up for updates and a blog to keep abreast of new developments. It’s a great example of a “Coming soon” page that keeps visitors informed and gets them excited about the pending launch.

KISSmetrics

Birdboxx
Birdboxx gives a basic explanation of the services it will provide when the website launches.

Birdboxx

Anipals
Anipals gives plenty of information on the website’s features without giving away too much.

Anipals

Novalistic
This “Coming soon” page explains what the new page will be about, when it will be released and also allows its visitors to sign up for the future updates.

Novalistic

Should You Provide Updates?

Letting visitors sign up by email to be notified on the website’s launch can be a useful marketing tool. If you don’t offer this feature, by the time your website does launch, those visitors may have forgotten about you. Of course, how often you send out an update is entirely up to you. Some websites send out an announcement only when the website has actually launched. Others send out regular updates on the progress of website’s development.

If you’re trying to build advance buzz around your website’s launch (which, in all likelihood, you are), then sending updates on a semi-regular basis could go a long way to building your website’s credibility and name recognition. If you send an update every week or two, your prospects likely won’t forget about you. Just indicate on the sign-up page that updates will be sent that often, to avoid being labeled a spammer.

You have a couple of alternatives to the standard email sign-up form, though. One is to run a blog that keeps visitors updated on your progress. This is most commonly done for Web apps, with the blog offering regular updates on development. Another common method is to use a Twitter account to keep prospective users updated. Just make sure that the link on your page to your Twitter account is prominent.

MyNiteLife
MyNiteLife lets visitors sign up for updates via email.

My Nite Life

DesignSvn
DesignSvn gives visitors the option to sign up for updates via email or to follow it on Twitter.

DesignSvn

Remindness
Remindness lets visitors sign up for email updates.

Remindness

Brand Your “Coming Soon” Page

If you already have a logo, a basic design or color scheme and font picked out, include them on your landing page to start building the brand in your visitors’ minds. Advance branding sets your website apart from your competitors and generally doesn’t cost any more to implement or take additional time. Even something as simple as using your website’s eventual font or color scheme can make you much more recognizable to future visitors. When your website finally does launch, it will have an air of familiarity to your visitors.

Fontdeck
Fontdeck includes its logo and what will presumably be the website’s color scheme on its “Coming soon” page.

FontDeck

Silverback
Silverback used the gorilla cartoon and basic design theme of its website on this “Coming soon” page.

Silverback

Foundation Six
Foundation Six uses what will presumably end up as its logo and color scheme.

Foundation Six Web Design Studio

Create Some Intrigue

The point of your “Coming soon” page is to get people to talk about, and come back to, your website. Even if you want to give some information on what the website will be about, creating some mystery around the launch is helpful. Curiosity is a great motivator and may get more people to sign up for updates. It also gets people talking, because visitors will ask their friends if they have any new information about the pending launch. Advance buzz can bolster your launch traffic and even attract media attention.

Better Blogger
Better Blogger gives us a basic idea of what its web site will be about without giving away too much.

Better Blogger

Good Morning
Good Morning gives away virtually no information about what the app might do, but the name suggests that it might be related to time management or productivity.

Good Morning

uoOo
uoOo seems to be somehow related to video, but it doesn’t give us any more information than that.

uoOo TV

Remember SEO

While a “Coming soon” page won’t likely make a big difference in your search engine ranking, that’s no reason not to optimize it for search engines. Use keywords and proper meta tags, and encourage those linking to your website to use good anchor text. And if you use good SEO practices to begin with, you won’t be penalized by search engines (and might even gain some decent credibility among search engines), meaning that when your website does launch, its search engine ranking will climb that much faster.

2. Informational Designs

Informational designs do what you would expect: inform early visitors about the current and future status of your domain. This design can be very simple, with just a name and text like “Coming soon,” or it might go more in depth. In either case, it is usually a single page, sometimes with an additional information page. In some cases, it also includes the owner’s contact information.

Boagworld
A great design with basic information about the return of a well-known podcast.

Boagworld

FiveSecondProjects
This website takes a slightly different approach, providing a link to a video with more information.

FiveSecondProjects

After Some Words
A unique “Coming soon” page that links to the website’s MySpace page.

Holey Coww
This page include a quite lengthy introduction to the site as well as links to Twitter and Facebook.

Zombie Corp
Another very simple “Coming soon” page, with contact info of the owners.

Zombie Corp

Moses Mehraban
A simple page that gives information about the website owner’s current business activities.

Leaf Ordinary
A minimalist page with a link to more information.

I heart spaceships
A fun page that includes contact information for the website’s developers.

Smart Pixel
A very minimalist page design, but with a fun twist.

Human Binary
Another really fun page design that gives plenty of information on what the website will eventually hold.

fcukstar
A more advanced page that includes a link to a website preview and pricing information.

Zenbou
Another very minimalist design that includes plenty of hints on what the upcoming website will include, as well as a link to the Twitter feed.

Shabith Ishan
A very well-designed page, with links to various social media feeds.

3. Page To Receive Updates Or Request Invitation

These pages allow visitors to sign up for updates or receive an invitation to a beta or alpha test. They’re especially popular for online apps, but other websites use them as well. Sign-up forms are generally short, with a field for an email address and maybe one for a name. The page often includes some information about the website, too, though emphasis is kept on signing up for updates.

FavMovie
The title gives sufficient information on what the website will feature, and the sign-up form is simple.

FavMovie!

Statnip
A simple page with a single-line sign-up form for receiving updates.

ClockMeIn
A basic page that includes a single-line form for requesting an invite.

investobiz
This page gives some basic information as well as a single-line form to sign up for the newsletter.

PackageTrail
A unique page design that includes a single-line form to request a beta invitation.

Addressful
A “Coming soon” page that includes both informational and beta invitation request elements.

Hello Human Icons Icon Collection One
This website offers information on the upcoming launch and invites visitors to sign up for updates with just their email address.

The Upstate Design Collective
Another page that incorporates both informational and sign-up elements, plus a link to the group’s Twitter feed.

MealNation
A slightly longer update sign-up form.

Hosteeo
A basic sign-up form that includes a teaser to generate more interest.

Gigdom
An informational page that includes a beta test registration link.

ClassOwl
A simple two-field sign-up form to get updates.

ChkChkBoom
A “Coming soon” page that lets visitors choose between updates via RSS and email.

SCIPLEX
A very simple page, with a couple of lines on what’s coming and a one-field sign-up form.

Sciplex

Inhouse Grind
A simple page with basic information and a one-field sign-up form.

Inhouse Grind

Zipliner
Another very simple form that lets you sign up for a beta invitation.

Zipliner

Designatr
A graphically bold page with a simple sign-up form and basic information about the website’s purpose.

Designatr

32 Comments to “Designing “Coming Soon” Pages”

  • ScriptoManiac December 9, 2009 at 1:40 pm

    Nice post..Keep them coming 🙂 Thanks for sharing.

  • wow gold December 10, 2009 at 10:35 am

    This is a great post and makes me think of where I can fit in. I do a little bit of everything mentioned here and I guess I have to find my competitive advantage.

  • Dakota Seelbach August 19, 2011 at 12:59 am

    I needed to create you that bit of observation to give many thanks once again with the spectacular guidelines you have contributed on this website. This has been quite seriously open-handed of you to present extensively all that a number of us would’ve sold as an electronic book to make some money for their own end, chiefly now that you could have done it if you ever wanted. The ideas as well served to become a fantastic way to be aware that other people have similar interest just as mine to figure out way more when it comes to this condition. I am sure there are a lot more enjoyable occasions up front for folks who read through your website.

  • 7Nuber@gmail.com December 2, 2011 at 6:09 pm

    Heya i’m for the first time here. I found this board and I to find It really useful & it helped me out much. I hope to present one thing again and help others like you helped me.

  • blog informacion poco February 22, 2012 at 7:46 pm

    I found this is an useful and interesting post, so I think it is very benificial and knowledgeable. Many thanks for the efforts you have made in writing this essay. I am expecting the analogous wonderful work from you next time as well. Really your creative writing ability has inspired me.

  • HASTHEANSWERS August 5, 2013 at 8:53 am

    As I said I’m a new car driver and I want to know the basic information of what is happening inside my car in case a problem popped up and how to fix it. I would prefer to recommend me simple and clear webpages and YouTube channels. Thanks in advance.

  • Erin August 6, 2013 at 12:08 am

    how to close the basic information at myspace ?

  • Dom L August 10, 2013 at 8:16 am

    I wanted to know about the Wichi tribe in Argentina. Just like the basic information, where they are now, the problems they are facing right now. Also, how many of them are there left? Cause i heard the government took over their land.. Anyways thanks 🙂 Really appreciate it.

  • Joe M August 21, 2013 at 4:58 am

    Our drama class has assigned us the task of presenting basic information about a play (i.e. plot, theme, characters) in a creative group format. She said previous classes have used a newscast, cafe, and art gallery setting. Does anyone have any suggestions for something fun we can do?

  • Mike August 25, 2013 at 9:07 am

    What is wifi ( i need a basic information in this) does wifi is only about wireless products

  • Picean September 3, 2013 at 9:20 pm

    I’m doing a project on human rights in Liberia, and I’m focusing on the first Liberian civil war. There is so much information out there, that it’s overwhelming me and I’m not sure where to start. If someone can give me basic information on how the war started, who was involved, how it ended, and how peace was maintained, I would greatly appreciate it. Thank you.

  • Roflcopter September 7, 2013 at 10:17 pm

    Because I failed at school. I have now decided I want to study space as a hobby. I don’t go college, but once I study study study! I want to go back to college in a few years when I learn as much as I vcan about the universe/planets and galaxies to the best of my knowledge! Can you give me as much basic information you know, starting with our galaxy?

  • borabora5524 September 8, 2013 at 2:56 pm

    I have found many codes that can delete the basic information module. All of them have worked but all of them have deleted my background. When I enter the code I always have to clear the CSS box causing me to lose my background. Ive seen peoples profiles where they have no basic information module and a backgound. How do I get rid if the basic information box and still keep my background?

  • blarg blarg September 11, 2013 at 10:27 am

    Need Background Facts about the time period and basic information about what the Great Gatsby is about.

  • supernerd567 September 15, 2013 at 2:36 am

    My teacher wants me to present some information about social security he said any information is fine I can’t really find any basic information online though. Help?

  • Gamer959 September 15, 2013 at 6:36 pm

    I want to change a friends basic information on facebook

  • Seth September 21, 2013 at 8:04 am

    What are the basic information you should have if you are to be an effective International Trade Manager in an exporting firm?

  • johnkaiser 22 September 29, 2013 at 8:13 am

    im planning on getting a plastic surgery procedure done in minnesota and i just want some basic information about the whole process that i can look into.

  • unbleevable39 September 29, 2013 at 1:20 pm

    I just painted my room white, and I will soon be getting black furniture. I was looking for some cute bedding’s and curtains. Is there any good websites where I can order them online? I am also a teenager so I love color.

  • have faith October 6, 2013 at 12:15 am

    I want to create a C++ program which allows me to type in someone who I know’s name and for it to list their basic information using Facebook and that? Is this possible and where can I find the source code?

  • llb443 October 13, 2013 at 2:36 pm

    My mum is thinking about getting wireless internet, but doesn’t have much knowledge about it. Can I have some basic information about wireless information, such as does cost more than normal internet, is the security good ect?

  • Arminator October 15, 2013 at 12:36 pm

    I want to move my picture and my basic information header so it only takes up half the page on the left side of the page.
    I still want to be able to use my background and layout also.
    Some of my friends have their basic information like that, but i can’t figure out how to do it.
    Is there some sort of code or something that i can use to fix that? thanks a ton.
    P.S. I have MySpace 2.0.

  • Armas October 19, 2013 at 5:43 pm

    i want to get my cartilage pierced, but before my mom signs off on the idea, she wants more information…can anyone just give a site or anything that has some basic information about it? anything and everything is helpful, thanks!

  • davemc74656 October 22, 2013 at 2:47 am

    She’s nearly 6 and just adores drawing and painting. I provide everything from watercolors to chalk.

    But I’m clueless when it comes to visual art. I’m not a pushy parent and don’t intend on putting her on the fast track to anything but climbing at the playground; still, was wondering if there were some cool fun tips any of you more experienced folks have.

    Thanks!

  • Ed D October 23, 2013 at 10:25 am

    You are being assigned to write a java application that collect basic information of candidates for interview.
    The application should have a button, an area for a biography, at least 4 drop-down list and a background colour of your choice.

  • shahrukh October 24, 2013 at 8:00 am

    I don’t want certain people being able to view my basic information under the info tab (relationship status, birthdate, etc), even though I am friends with them on Facebook. Is this possible? How do I do it?

  • mal_functiongeo October 24, 2013 at 8:23 pm

    So facebook has a new set up I guess and when I go in my private settings, change sum things around & view my profile I see that my network and gender still pops up in basic information. but when i look at someone elses I cant see theirs. how do i hide those? & is there ways to hide groups/fan pages as well?

  • sean October 25, 2013 at 5:53 pm

    Everyone (people that aren’t my friends) can see only my Basic information and this: X only shares some profile information with everyone. If you know X, add him as a friend. I want that everyone can see my full info and photo button on the left under the image. I already changed the privacy information to everyone but when i click preview my profile it’s all locked, it shows only the basic information.

  • Peter November 2, 2013 at 10:13 am

    Can anyone explain to me how to create a form that will accept basic information: firstname, lastname, phonenumber, emailaddress and then best contact and checkbox for phone or email? It’s giving me fits. Any help would be great. Thanks.

  • XplicitzZ November 5, 2013 at 10:19 am

    I dont quite understand facebook. Basically, I just dont want everyone to see when I do anything on facebook but mainly i wanna keep my basic information private. If I change or remove my basic information, will everyone on the news feed see what i did?

  • Gamer959 November 20, 2013 at 4:15 pm

    Dylan is really interested in lasers, but I haven’t been able to direct him to any basic information on them yet. I’d like to find laser info that is set out in a format easily understandable by a 10-year-old. Interactive material is even more desirable.

  • nitin November 26, 2013 at 2:19 pm

    I need to make a power point about the dangers of maraijuana for my health class. All I have left to do is one slide that tells some basic information on any medical uses of the drug chosen. I know there is some medical uses of marajuana but… Where is this? When did it start? etc.