Task: Create a beautiful demo landing page!

Important Action

Create a landing page for your product to start collecting user emails. This can be a simple HTML page, a video, or a static page, etc. made with one of the landing page builder tools below. 

This landing page is the front page of your website/service. It is supposed to fully illustrate what your MVP does. The UVP, sub-headlines, and content you put on your landing page (great example: http://csspiffle.com) can already tell you if you will have the right solution by the response from your potential customers when they sign up and leave you their emails.

Example of a landing page

Do not wait till you are done with your product/MVP (Minimum Viable Product) to start collecting early adopters. A lot of startups think that they cannot get customers before they have a product ready. Read the Dropbox story below to see how they got 75,000 customers even before they had a line of code written.

Also, do not make your landing page look too raw and generic. When users see that you didn't put enough effort in building the page, they will feel annoyed and actually feel negatively about it. Make sure whichever tool you use to build your demo page, customize it well so it includes good content like a strong UVP, mockups or screenshots, images, and valuable information that could excite them.

You can use stock images and perhaps some of the platforms' default templates to help you create something beautiful.

Mandatory elements you will need on the demo page:

  • Form to collect email (mandatory)
  • Headline + Sub-headlines
  • Simple explanation on what you are trying to build
  • Screenshots of your product would be great
  • (Optional) Demo Video - find a provider below to build your demo video

Case Study: Dropbox had a 3 min screencast on Hacker News that got a lot of feedback. They did a simple landing page with information to collect beta emails. They had a link that said “Google Drive Killer Coming from MIT Startup”, which gave them 12,000 diggs and 75,000 signups…in one day. They also got into Ycombinator with all that interest they generated.

Read this: http://www.slideshare.net/gueste94e4c/dropbox-startup-lessons-learned-3836587

Another AWESOME Case Study:

CSSHat had a really great looking landing page here (CSS Piffle) that promised to help designers solve the problem of having to convert Photoshop images into usable CSS. They tweeted their service, and they got 10,000 potential users within weeks. The landing page was so awesome that even though it's been static and unmanaged for a year now, still many users ask about it.

Dropbox and CSSHat put a concrete idea in their customers' hands, which wasn't the usable product, but it was enough to prove what they're doing is what people want. That said, you can basically create a simple landing page that explains what your solution is, and some basic info on how it works. 

Also: How I grew a waiting list of 20,000+ at Mint.com

And: How Mailbox, a company in a desperate situation, turned things around with a video (100,000 views in 4 hours)

You don't need a restaurant to test your food concept. Aspiring chefs have used food trailers as a way to quickly test their product while keeping their risks super low. – Ash Maurya

You can even get Google Adwords or some ads to test to see how attractive your ad is. A blog entry would work too. If a lot of people click on your ad, that immediately shows you the demand for your service.

Case Study: Ash Maurya validated his idea using a blog post named “How I Document My Business Model Hypotheses.”

There are companies that create these demo videos that help potential customers visualize your solution while getting sign-ups for your service. 

Don't spend too much effort creating a “demo” page. Ideally, when you are creating your demo page, you should be somehow designing your eventual website's front page. Any effort not put into making the final product is a waste. Making a video is good because you can use it after you launch.

Create a static demo page:

  1. Weebly – get a website up quickly with no tools
  2. Wix - free website builder
  3. Webs - Create a free website
  4. Moonfruit - Really awesome website creator
  5. Easel.io - Build and design in your browser
  6. Launchrock - Create a "coming soon" page to collect email in minutes
  7. Launchsoon - Also a great demo landing page creator
  8. Unbounce Build, public, and test your landing pages
  9. KickOffLabs - A simple landing page platform for startups
  10. RocketStart - Build a perfect landing page in minutes and generate leads
  11. Prefinery - Beta invitation landing page
  12. LaunchEffect – WordPress Landing pages for viral launches
  13. Instapage - create a free landing page
  14. LaunchGator – create a viral landing page
  15. Atmio - mobile landing pages
  16. Lander - create a landing page in minutes
  17. Ion - create landing pages that convert
  18. Ooompf - for iPhone apps

7 good examples of landing pages: http://www.hongkiat.com/blog/coming-soon-page-design-with-examples/

Companies that will make your demo video 

  1. Epipheo - Helps you tell your story
  2. Start.pt - Discover startups and their animated explainer videos
  3. Wideo - Anyone can make cool videos
  4. Simple Story Videos - Your personal story tellers
  5. Mind Bug Studios - Explains your startup in a fun way
  6. Hieronymus - A creative studio trying to do good
  7. Bode Animation - Awesome promo videos
  8. Ovation Solutions - turning your business message in to a brief, engaging video that will move your prospects to action.
  9. Go Animate - Make amazing animated videos!
  10. Commoncraft - They made Dropbox's Video
  11. ydraw - Video Scribing Whiteboard Animation! You need it
  12. DunkTank - create product demo videos
  13. MyBrainshark – online and mobile videos
  14. Apptamin – App videos and websites
  15. Switch Video – produce an animated video
  16. Grumo Media – product demo videos
  17. Loose Keys – product videos as stories
  18. Piehole.tv - product demo videos
  19. Thinkmojo – animated product videos
  20. How to roll you own - Grumomedia
  21. Amazon Elastic Transcoder – video transcoding in the cloud

Make your own screencast:

  1. Screenflow- screen recording and editing
  2. Snagit - screen capture
  3. Camtasia - screen recording and video editing
  4. Jing - screenshots and screencasts
  5. Screen-o-Matic – cloud recording

Copy and paste your landing page's URL here.