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 Link
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 Link
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 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.
Anipals gives plenty of information on the website’s features without giving away too much.
Should You Provide Updates? Link
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 Twitter7 account to keep prospective users updated. Just make sure that the link on your page to your Twitter account is prominent.
MyNiteLife lets visitors sign up for updates via email.
Brand Your “Coming Soon” Page Link
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.
Silverback used the gorilla cartoon and basic design theme of its website on this “Coming soon” page.
Foundation Six uses what will presumably end up as its logo and color scheme.
Create Some Intrigue Link
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.
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.
Remember SEO Link
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 Link
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.
A great design with basic information about the return of a well-known podcast.
Another very simple “Coming soon” page, with contact info of the owners.
A very minimalist page design, but with a fun twist.
Another really fun page design that gives plenty of information on what the website will eventually hold.
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.
3. Page To Receive Updates Or Request Invitation Link
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.
A unique page design that includes a single-line form to request a beta invitation.
A “Coming soon” page that includes both informational and beta invitation request elements.
This website offers information on the upcoming launch and invites visitors to sign up for updates with just their email address.
A basic sign-up form that includes a teaser to generate more interest.
A “Coming soon” page that lets visitors choose between updates via RSS and email.
A simple page with basic information and a one-field sign-up form.
Further Resources Link
- 27 Cool “Coming soon” Page Designs
A great round-up of “Coming soon” pages from 2008 and earlier.
- 25 Best “Coming soon” Pages
Another excellent round-up of “Coming soon” page designs.
- LaunchSoon Gallery
An extensive gallery of “Coming soon” pages.
- Design a Successful “Coming soon” Page58
An article from SitePoint that covers some essentials of a good “Coming soon” page and includes some great examples.
- Tips for Designing an Awesome “Coming soon” Page59
A great article from Line25 that offers some tips on designing great “Coming soon” pages, as well as some design examples.
- 1 http://kissmetrics.com/
- 2 http://kissmetrics.com/
- 3 http://birdboxx.com/
- 4 http://birdboxx.com/
- 5 http://novalistic.com/
- 6 http://novalistic.com/
- 7 http://twitter.com
- 8 http://designsvn.com/
- 9 http://designsvn.com/
- 10 http://remindness.com/
- 11 http://remindness.com/
- 12 http://fontdeck.com/
- 13 http://fontdeck.com/
- 14 http://www.betterblogger.net/
- 15 http://www.betterblogger.net/
- 16 http://www.uooo.tv/
- 17 http://www.uooo.tv/
- 18 http://fivesecondprojects.com/
- 19 http://fivesecondprojects.com/
- 20 http://www.aftersomewords.com/
- 21 http://www.aftersomewords.com/
- 22 http://www.holeycoww.co.uk/
- 23 http://www.holeycoww.co.uk/
- 24 http://www.mosesmehraban.com/
- 25 http://www.mosesmehraban.com/
- 26 http://www.leaf-ordinary.de/
- 27 http://www.leaf-ordinary.de/
- 28 http://www.iheartspaceships.com/
- 29 http://www.iheartspaceships.com/
- 30 http://fcukstar.com/
- 31 http://fcukstar.com/
- 32 http://www.shabithishan.com/
- 33 http://www.shabithishan.com/
- 34 http://favmovie.net/
- 35 http://favmovie.net/
- 36 http://www.statnip.com/
- 37 http://www.statnip.com/
- 38 http://www.clockme.in/
- 39 http://www.clockme.in/
- 40 http://bontq.com
- 41 http://bontq.com
- 42 http://www.investobiz.com/
- 43 http://www.investobiz.com/
- 44 http://www.upstatedesign.org/
- 45 http://www.upstatedesign.org/
- 46 http://www.mealnation.com/
- 47 http://www.mealnation.com/
- 48 http://www.gigdom.com/
- 49 http://www.gigdom.com/
- 50 http://www.classowl.com/
- 51 http://www.classowl.com/
- 52 http://www.sciplex.com/
- 53 http://www.sciplex.com/
- 54 http://zipliner.com/
- 55 http://zipliner.com/
- 56 http://designatr.com/
- 57 http://designatr.com/
- 58 http://www.sitepoint.com/blogs/2009/05/14/design-a-successful-coming-soon-page/
- 59 http://line25.com/articles/tips-for-designing-an-awesome-coming-soon-page
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.