Designing “Coming Soon” Pages

Advertisement

Deciding what to do once you’ve purchased a domain but haven’t yet launched the website is always a bit of a conundrum. Leaving up your domain registrar or Web host’s generic page seems unprofessional, especially if you’re trying to drum up advance press for your new project. At the same time, you don’t want to spend too much time on a temporary page when you really should be working on the website itself.

The best thing to do is create a simple “Coming soon” page to notify visitors of what will eventually be there. Good “Coming soon” pages come in two basic varieties: the informational design, which simply tells visitors what will be there after launch; and the page that invites early visitors to sign up for updates or even to request a beta (or alpha) invitation. Below are some great examples of each, followed by some best practices for creating your own “Coming soon” page. You definitely won’t see among these the generic “Under construction” page (with the cute construction graphic) that used to litter the Web.

1. Tips On Designing A Good “Coming Soon” Page

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.

KISSmetrics1
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.

KISSmetrics2

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

Birdboxx4

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

Anipals6

Novalistic7
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.

Novalistic8

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 Twitter9 account to keep prospective users updated. Just make sure that the link on your page to your Twitter account is prominent.

MyNiteLife10
MyNiteLife lets visitors sign up for updates via email.

My Nite Life11

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

DesignSvn13

Remindness14
Remindness lets visitors sign up for email updates.

Remindness15

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.

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

FontDeck17

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

Silverback19

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

Foundation Six Web Design Studio21

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 Blogger22
Better Blogger gives us a basic idea of what its web site will be about without giving away too much.

Better Blogger23

Good Morning24
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 Morning25

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

uoOo TV27

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.

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

Boagworld29

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

FiveSecondProjects31

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

33

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

35

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

Zombie Corp37

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

39

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

41

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

43

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

45

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

47

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

49

Zenbou50
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.

51

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

53

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.

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

FavMovie!55

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

57

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

59

Bontq60
A simple and clean “Coming Soon”-page with a newsletter web form.

61

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

63

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

65

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

67

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

69

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

71

MealNation72
A slightly longer update sign-up form.

73

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

75

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

77

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

79

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

81

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

Sciplex83

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

Inhouse Grind85

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

Zipliner87

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

Designatr89

Further Resources

(al)

Footnotes

  1. 1 http://kissmetrics.com/
  2. 2 http://kissmetrics.com/
  3. 3 http://birdboxx.com/
  4. 4 http://birdboxx.com/
  5. 5 http://www.anipals.co.uk/
  6. 6 http://www.anipals.co.uk/
  7. 7 http://novalistic.com/
  8. 8 http://novalistic.com/
  9. 9 http://twitter.com
  10. 10 http://www.mynitelife.co.uk/
  11. 11 http://www.mynitelife.co.uk/
  12. 12 http://designsvn.com/
  13. 13 http://designsvn.com/
  14. 14 http://remindness.com/
  15. 15 http://remindness.com/
  16. 16 http://fontdeck.com/
  17. 17 http://fontdeck.com/
  18. 18 http://silverbackapp.com/holding/
  19. 19 http://silverbackapp.com/holding/
  20. 20 http://www.foundationsix.com/
  21. 21 http://www.foundationsix.com/
  22. 22 http://www.betterblogger.net/
  23. 23 http://www.betterblogger.net/
  24. 24 http://elliotjaystocks.com/goodmorning/
  25. 25 http://elliotjaystocks.com/goodmorning/
  26. 26 http://www.uooo.tv/
  27. 27 http://www.uooo.tv/
  28. 28 http://headscape.co.uk/holding/index.html
  29. 29 http://headscape.co.uk/holding/index.html
  30. 30 http://fivesecondprojects.com/
  31. 31 http://fivesecondprojects.com/
  32. 32 http://www.aftersomewords.com/
  33. 33 http://www.aftersomewords.com/
  34. 34 http://www.holeycoww.co.uk/
  35. 35 http://www.holeycoww.co.uk/
  36. 36 http://www.zombiecorp.com/
  37. 37 http://www.zombiecorp.com/
  38. 38 http://www.mosesmehraban.com/
  39. 39 http://www.mosesmehraban.com/
  40. 40 http://www.leaf-ordinary.de/
  41. 41 http://www.leaf-ordinary.de/
  42. 42 http://www.iheartspaceships.com/
  43. 43 http://www.iheartspaceships.com/
  44. 44 http://www.smart-pixel.ro/
  45. 45 http://www.smart-pixel.ro/
  46. 46 http://www.humanbinary.com/
  47. 47 http://www.humanbinary.com/
  48. 48 http://fcukstar.com/
  49. 49 http://fcukstar.com/
  50. 50 http://www.zenbou.com/
  51. 51 http://www.zenbou.com/
  52. 52 http://www.shabithishan.com/
  53. 53 http://www.shabithishan.com/
  54. 54 http://favmovie.net/
  55. 55 http://favmovie.net/
  56. 56 http://www.statnip.com/
  57. 57 http://www.statnip.com/
  58. 58 http://www.clockme.in/
  59. 59 http://www.clockme.in/
  60. 60 http://bontq.com
  61. 61 http://bontq.com
  62. 62 http://www.investobiz.com/
  63. 63 http://www.investobiz.com/
  64. 64 http://packagetrail.com/
  65. 65 http://packagetrail.com/
  66. 66 http://addressful.com/
  67. 67 http://addressful.com/
  68. 68 http://www.hellohumanicons.com/
  69. 69 http://www.hellohumanicons.com/
  70. 70 http://www.upstatedesign.org/
  71. 71 http://www.upstatedesign.org/
  72. 72 http://www.mealnation.com/
  73. 73 http://www.mealnation.com/
  74. 74 http://www.hosteeo.com/
  75. 75 http://www.hosteeo.com/
  76. 76 http://www.gigdom.com/
  77. 77 http://www.gigdom.com/
  78. 78 http://www.classowl.com/
  79. 79 http://www.classowl.com/
  80. 80 http://chkchkboom.com/
  81. 81 http://chkchkboom.com/
  82. 82 http://www.sciplex.com/
  83. 83 http://www.sciplex.com/
  84. 84 http://www.inhousegrind.com/
  85. 85 http://www.inhousegrind.com/
  86. 86 http://zipliner.com/
  87. 87 http://zipliner.com/
  88. 88 http://designatr.com/
  89. 89 http://designatr.com/
  90. 90 http://dzineblog.com/2008/05/27-cool-coming-soon-page-designs.html
  91. 91 http://www.blog.exxcorpio.com/2009/06/01/25-best-coming-soon-pages/
  92. 92 http://launchsoon.com/gallery.php
  93. 93 http://www.sitepoint.com/blogs/2009/05/14/design-a-successful-coming-soon-page/
  94. 94 http://line25.com/articles/tips-for-designing-an-awesome-coming-soon-page

↑ Back to top Tweet itShare on Facebook

Cameron Chapman is a professional Web and graphic designer with over 6 years of experience. She writes for a number of blogs, including her own, Cameron Chapman On Writing. She’s also the author of The Smashing Idea Book: From Inspiration to Application.

Advertising
  1. 1

    Nice info and some great examples

    Another nice simple one…

    http://www.digitalent.com

    0
  2. 102

    Great post, awesome designs
    Check this one, is really cool.

    breezi.com

    1
  3. 203

    This article helped a lot with designing our own coming soon page – thanks sm!
    Take a look at the outcome here: http://www.saismo.at

    0
  4. 304

    Nice article!
    Another cool example:

    http://www.site-kick.be/

    0
  5. 405

    One more awesome coming soon page: http://www.spooort.ru
    The color changes depending on time. =)

    0
  6. 506

    These are great examples check this link
    http://www.dmachine.net
    its a nice under construction page of d-machine a web and graphic design company based in Beirut,Lebanon

    0
  7. 607

    It would be an understatement to say that this is yet another great article with some excellent examples from Smashing Magazine.

    Our own coming soon page is here: http://kivivi.com/

    0
  8. 708
  9. 809

    Nice article!
    Another cool example:

    http://www.tivin.net

    0
  10. 910

    nice article, very good examples!

    you can also check : http://www.webdesignsubmission.com

    0
  11. 1011

    I highly recommend this purisitic coming-soon page:

    http://www.sc-senftenberg.at

    It’s a site from an austrian footballclub

    0
  12. 1112

    Great list of tips to design a coming soon page. Thanks!

    What do you think of our coming soon page?
    http://www.freshter.com

    -1
  13. 1213

    Have a look at the coming soon page we’ve designed

    http://www.sixmix.co.uk

    0
  14. 1314

    As always another great article from Smashing Magazine. These are some fantastic pages, I love to see everyone to continue to push the limit of web design. I can’t underestimate a good “Coming Soon” page for marketing and gauging early interest in a site.

    What do you guys think: http://www.fanreader.com/

    0
  15. 1415

    Great article, it was very useful when i designed this one: http://css3buttons.com
    Thank you.

    0
  16. 1516

    Check this one out, simple fancy minimalist http://abcdrs.com :D

    0
  17. 1617

    You can find (and submit) a lot of coming soon pages from www!
    Hope you’d find it useful.

    0
  18. 1718

    Mine is not listed, but hopefully you will enjoy it: http://www.slickpic.com :-)

    0
  19. 1819

    Lots of great inspirational posts/links here. Thanks for the share!

    Another one to note – http://www.siteplanb.com. I like the creativity of this one.

    0
  20. 1920

    Here’s another one – http://www.thepinkpenguin.net – Introducing The Pink Penguin!

    0
  21. 2021

    ts of great inspirational posts/links here. Thanks for the share iyiizle.com favori video siteniz thanks

    0
  22. 2122

    My own coming soon page!
    I think its clean and clear. Thanks for share all the examples above.

    http://www.etnassoft.com

    0
  23. 2223

    Marcus Blankenship

    July 7, 2010 10:57 pm

    Hey All,

    I’m working on a hosted solution for creating coming soon pages named “Soonr”. No programming needed, drag and drop GUI, integration with Twitter, email campaigns etc.

    You can find my coming soon page at http://www.launchsoonr.com . All feedback is much appreciated!

    Marcus
    Soonr

    0
  24. 2324
  25. 2425

    Hello there!!

    Really great list, i love it, full of inspiration.

    Here comes another one ;D

    http://www.pixelodyssey.eu/

    Thanks

    0
  26. 2526

    Thanks for the great ideas! Here is our approach:

    0
  27. 2627

    This one isn’t listed, but hopefully you’ll enjoy it!
    It’s equipped with downloads, a video and a pretty hot pic. :)

    0
  28. 2728

    Nice selection there! I know this is shameless self plug… but we’re quietly quite chuffed at our own coming soon site:
    http://www.imperodesign.com [COMING SOON] – Any thoughts most welcome.

    0
  29. 2829

    Michael I love your coming soon page! It is very creative, unique and functional. I’m going to shamelessly plug mine too. It is located at thedesigncoders.com/comingsoon.

    0
  30. 2930

    Domain Landing Page w/Subscription Form

    October 18, 2010 5:26 am

    What a good inspirational post this is been….very informative for all….great examples too…..amazing work, I like it very much………..great thinking……….. really great list, i love it, full of inspiration…..Very nice design ……..
    Thanks for this informations….really very much valuable……..

    0
  31. 3031

    Thank you for the post.
    Here is another coming soon page: http://www.peeppol.net

    1
  32. 3132

    Hi,

    The article was pretty helpful in me making my new coming soon page.
    There were some really creative ideas but some odd choices too.
    However, a great selection overall.

    0
  33. 3233

    a href=”http://www.ismailerdem.com.tr” title=”diş hekimi” rel=”nofollow”>diş hekimi

    0
  34. 3334

    I love this trend of coming soon pages – you get to buy into the brand early on. it’s takes whatever the product offering is even further. great list! nice eye-candy.

    here’s one i found:

    http://www.thirdwavecoffeeapp.com/

    0
  35. 3435

    For those interested in creating a simple holding page, we are currently working on a project called PregoApp (http://www.pregoapp.com) which enables you to create a coming soon page in just a couple minutes.

    At present, they’re very simple but we are working on releasing a number of themes and giving the ability for people to customise them themselves.

    Hope this is helpful and of interest to your readers.

    0
  36. 3536

    Useful post can i translate into Dutch for our blogs visitors? If so what type of acknowledgement would you prefer?

    0
  37. 3637

    Nice!
    In cases where the “coming soon” never comes …
    …best to distract attention: iangehlhaar.net

    0
  38. 3738

    Thanks for the list! My new site is also coming soon, check it out: http://outweech.com

    0
  39. 3839

    Very nice collection of coming soon pages, Smashing Magazine knows how to inspire :)
    We at Lovetown Castle agency also created a coming soon page before our new awesome site will be up. We used js animation framework in it, check it out: http://lovetowncastle.com (find an easter egg ;) )

    1
  40. 3940

    a very nice collection, thanks for that inspiration.
    just launch my coming soon page http://blinkstream.com

    2
  41. 4041

    Christopher Johnson

    June 20, 2011 8:29 am

    A great round up, very helpful when I come to updating my website.
    The other day I stumbled across a coming soon page that is rather nice.
    http://www.rhubarbretail.co.uk, which might be worth a look.

    1
  42. 4142

    Christopher Johnson

    June 20, 2011 8:32 am

    Also I really like the links from nikolas and julia above who’s pages have a dynamic element to them.

    0
  43. 4243
  44. 4344

    A full screen background under construction template, nice design…
    Check it out…
    themeforest.net/item/launch-pad-full-screen-image-under-construction/473421?ref=ThemeCatcher

    2
  45. 4445

    Alec Riddlebarger

    September 6, 2011 1:04 am

    I have to express thanks to you for rescuing me from this particular dilemma.

    0
  46. 4546

    Amazing coming soon pages indeed!

    Just found another one very unique coming soon page which is worth to be on that list too. It has very well balanced colors and it looks stunning . Check it out!

    http://purearomatea.com/

    -1
  47. 4647

    Great collections. My favorites are the ones with simple clear calls to action. The silverback one, for example, is great.

    Shameless plug – Our platform lets people create pages like this very simply so you can spend your time designing the product instead of the coming soon page.

    Thanks,
    Josh

    0
  48. 4748

    I love that this article is from 2009 and yet some of the example sites are still showing their coming soon pages.

    6
  49. 4849

    I would like to share our under construction site. http://harofish.com you can play around with it. Feel free to visit it.

    0

↑ Back to top