Line25

Tips for Designing an Awesome Coming Soon Page

Read the full post

Unlike the traditional under construction pages from the early days of the web, coming soon pages can nowadays prove to be handy tools when launching a new website. Forget yellow hard hats and flashing signs, let’s take a look at what benefits can be seen from some of the best launching soon pages.

What’s coming soon?

Coming soon pages are in essence a teaser for what is due to come once this fabulous thing has been finished. So it’s important to give an insight on what the site-to-be is all about.

Describe what's coming soon

Lilly’s Table gives a concise description of the nature of the site is a short, sharp paragraph.

Develop a brand from day one

One benefit of placing something on your domain is that it gives the opportunity to develop a logo and brand that can be embedded into the minds of your viewers before the final site is even live.

Developing a brand from day one

The Republic’s coming soon page is set on a clean and simple design to allow the large logo and overall brand to shine.

Provide email notifications or signups

It’s no use posting up an awesome coming soon page, but not providing any way of following up. It’s more than likely the viewer will have forgotten all about it by tomorrow, so being able to say ‘Hey, the site is now live – Check it out’ is super important.

Providing email newsletter

FavMovie uses a typical email signup box to allow uses to subscribe to a newsletter for more info.

Go to town on the design

It might only be a temporary placeholder for what is coming, but this doesn’t mean it shouldn’t be given the same amount of time and effort as the completed site. Creating something interesting and enticing will help generate interest. Do this well enough and you’ll capture a few ‘Oh, this actually looks pretty good!’ sign ups.

Creating an amazing design

The Squid Chef coming soon page is packed full of fun with awesome character illustration and casual language.

Do something fun or different

Coming soon pages aren’t anything new, there’s thousands of them out there already. With this in mind it’s important to make yours stand out. Do something unique or fun. People share stuff they like, so give them a reason to pass on the link.

Building something unique

The Silverback App gained huge exposure thanks to the hidden gem of the parallax background effect.

Offer links to social networks

Email isn’t the only method of communication in today’s world of web. Social networks are important tools for communicating with users. Sites like Twitter and Facebook will allow viewers to learn more behind the scenes of the website.

Linking to social networks

Luke Beard provides links to various social networks to allow personal interaction.

20 Great Coming Soon Pages

Need a little inspiration? Check out these awesome examples of coming soon pages from various websites.

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

View the coming soon page

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

87 Comments

  1. Sneh Roy says:

    Good stuff Chris! The watcher page is really cool. Thanks for sharing :)

  2. Lukes Beard says:

    awesome article , cheers for the include dude

  3. Ajay says:

    wonderful article, thanks for sharing.

  4. Melissa Wile says:

    Great article, it’s really nice to see some out of the crowd designs here ^^

  5. Dzinepress says:

    creative inspirations.

  6. Great examples. I agree with the importance of including good, creative design even if it is just a temporary page. Great way to start the branding of the site.

  7. Leon Barrett says:

    Great collection of sites.

    Have you guys seen http://www.thisisreviewspace.com

    Pretty nice teaser page!

  8. joe says:

    A great post to the often overlooked aspect of design – design limbo. I love all these ideas. Also a good collection & inspiration of solid branding. Creative Joomla made me laugh. and I bid farewell to the days of under-construction Gif’s (tear)

  9. Propagganda says:

    This is a wonderful recopilation. Great ideas, full creativity.

  10. Another awesome coming soon page to add to the list: http://outsideapp.com

  11. Wes Wilson says:

    Great post, well done! I was tempted enough by some of the pages to join a mailing lit or two…

  12. Abhinav says:

    Cool post Chris! Some of them are really tempting! :)

  13. Haiko says:

    still working on my own new company website. currently has just my business card in it, embedded in the new company color scheme. I should use some of the tips in this post. the ‘teaser’ in particular.

  14. Tylor says:

    Really great! This is good timing too because I am working on a coming soon page.

    Though, I didn’t get the significance of the background at http://silverbackapp.com/holding/ Was it supposed to be animated or something? It looked static when I viewed it in Firefox/Safari.

  15. Greg Wallace says:

    Excellent post Chris. Some great examples.
    Actually just launched a coming soon page myself today for a client: http://podsglobal.com

  16. Rob says:

    http://www.font-face.com is a wicked holding page. Useful and cool.

  17. That’s a great idea. I love the designs you put up there.

  18. Piotr Godek says:

    Chris, thx for featuring SquidChef :)

  19. Best tip… don’t use a coming soon page. People don’t want to see a Coming Soon page anymore than an advertisement, and unless you’re a major organization, people don’t want to provide an email address to a website that doesn’t yet exist. Save your time and finish the work.

    • Wow, you couldn’t be more wrong CMI Web Studio.

      Having a coming soon page is good for several reasons. You drum up pagerank and incoming linkage so that you don’t launch from scratch. It’s also a good way to strike up some early hype of a new product or service. If it’s cool enough, it will spread when dropped the right places. And you’re dead wrong on people not wanting to give up their email adresses. We got more than a 100 signups on our holding page within 48 hours of launching our little coming soon page at http://outsideapp.com

      If it’s interesting enough, a coming soon page is an excellent tool in gathering early info about your visitors, getting them to sign up for your newsletter and generally just generating SEO Juice.

      • David Childs says:

        I agree with Michael. When a company hires my company it is my job to figure out why people are interested in them and what they have to offer. It may be true that people don’t want and advertisment but they do need things to help them. Don’t advertise – simply show the value of what your clients have. You shouldn’t need more than a page to do that.

        Steve Jobs once said ‘if a hot dog vendor doesn’t understand your business plan then you don’t have one’ – keep the message simple!

        Some times for clients we put up a simple (unbranded) wordpress blog so our clients can communicate – this works great for SEO. I know it isn’t a Splash page but I just wanted to offer the idea.

        Regards

  20. Julia says:

    This is great information – thanks for the diverse examples! And I agree, all communication counts towards brand identity, from word/image one.

  21. kapil says:

    hi,

    We have developed an open source plugin for web applications built in ruby on rails to maintain a fully customisable launching soon page with integration to email newsletter and many other features.

    http://github.com/vinsol/Launching-Soon

    If you are building your app in ruby on rails, then this will be pretty much 3 minutes job to set up and relax(apart from design integration).

  22. om ipit says:

    all unique design.. really nice

  23. Garry Aylott says:

    Nice post Chris.

    With regards to CMI Web Studio and Michael Flarup, I think you have to judge the situation and more importantly your target audience as to whether a coming soon page is necessary. In general if you have a service of product you want to build up anticipation for its a great idea.

    Unique post though Chris, thanks.

  24. Amazing collection! My personal favorite was that of UP, others are good too. Never noticed the web pages of coming soon sites before but your article made me aware of them, thanks.

  25. These are awesome pages, really love looking at other designers works for inspiration. Look forward to the next post!

  26. Phil Zeelte says:

    Great article as ever, some really inspiring pieces.

  27. meg says:

    ((awesome article! Thanks!))

  28. Ryan Blaind says:

    http://www.salongroup.ca/

    Here is a nice one I put together the other day for a Salon website we are developing.

    Interesting to note that I used Campaign Monitors Ajax Subscribe for the email newsletter signup.

    Let me know what you think!

  29. Yaty says:

    Great post! Love the different styles!

  30. Denise says:

    Thanks for posting this. It was very difficult for me to create a “Coming Soon” page for my site but got one up.

  31. Great list of “coming Soon” pages. Design are really awesome. Thanks for sharing this nice post.

  32. Daniel says:

    Very inspiring list!

    I didn’t find the hidden jParallax gem on the silverback site.

  33. MCEctoCooler says:

    This is like a movie teaser trailer!

    Can’t wait to see the full-blow motion picture

  34. Designerkan says:

    Great list.. thank you very much

  35. I especially liked the big newsletter signup that took most of the page…you def know where to do it…thanks

  36. andrei says:

    Great info, here’s another cool one ;)
    http://www.100lemons.com

  37. billy says:

    Another quite good coming soon page: http://voovees.com/phase2signup/

  38. Great article, thank you for sharing some very good ideas!

  39. I couldn’t agree more on the importance of a well designed coming soon page. Your marketing launch and your product launch are very different beasts. Get a coming soon page up ASAP (heck, before development starts) and start collecting email addresses of people who are interested in your cool new product/idea.

    Prefinery (http://www.prefinery.com) can help with the email notification and signup part. You can even create and host a coming soon page for free!

  40. Nuno says:

    thanks for the include chris!
    and great article, keep’em coming

  41. Amazing collections, I like the idea on the email notification

  42. Webdesigner says:

    Wow.. some nice designs!

  43. Brian says:

    Built this one awhile back.

  44. Grant says:

    Thanks for the feature. It may be of interest to know that the Lilly’s Table copy is randomly loaded from a few different version and we’re tracking newsletter sign-ups based on each version of the copy.

  45. Geng Gao says:

    Very inspiring!
    Providing email notifications is a great idea.

  46. DlibrarieD says:

    Great find Chris.
    Thanks for sharing!

  47. davy says:

    Great list, some are very inspirational!
    Maybe add http://www.runaddicts.net to the list?

  48. Mothership says:

    An awesome collection; thanks Chris.

    ‘Coming soon’ pages are so different to what they used to be – much more interactive these days. I especially agree with building a brand from day one – consistency, consistency, consistency when it comes to branding.

    Adding little pieces over a period (if done correctly) can also build anticipation, and keep the site in the minds of visitors.

  49. Toni says:

    You can easily create launch soon pages using http://LaunchSoon.com

  50. Jason says:

    Chris, what is your “comming soon” page?

  51. Well with such creative designs at hand, why should one settle for boring “coming soon” pages? These pages are creative snippets of what you can expect from a new website…. Silver Back, Creative Zoomla and Squid Chef are my personal favorites in the above compilation.

  52. vidyaputra says:

    wow.. i never realize that a coming soon page could be so fun…

  53. The watcher’s one is nicely done. Thanks for sharing!

    The dialedtone’s one is also great. I can’t believe the coming soon page could be this creative.

  54. suv says:

    I have also put together a coming soon page for http://www.keepaslice.com. Any feedback would be nice.

  55. Lazydog says:

    Nice article!
    Another cool example:

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

  56. vinod says:

    nice article, very good examples!

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

Comments are now closed