Stage: Mandatory MVP Pages | Progress: 0%

Stage: Mandatory MVP Pages

View As Multiple Pages

In this section, we will give you detailed information on:

1. Exactly what pages you need to build for your website/app/product.

2. How you should build them to achieve the highest conversion rate.

3. What information you should include on each page.

Also, the time-required in this section are also just the amount of time needed to go through the material and absorb the knowledge. The time needed to build is different for everyone. Again, the best thing you should do while building is give yourself a time limit for each feature or page, so that will help you stay on track.

Pages you will need to create 15 Minutes

For your MVP, you must have these pages:

  • Main UVP feature pages - the pages that are needed for your main features. These are the inner pages that are required to perform the main functions of your solution.
  • Main landing page - the page the visitors arrive at when they come to your website
  • Signup page
  • Signin page
  • Contact page, or a dead simple way to reach you - super important
  • About page
  • Terms of service + Privacy policy pages
  • Tour page/Additional Information page (optional)
  • Pricing page (optional)

Not all websites are the same, so you might need to have more pages than what we've listed. When you think about the pages on your website, think about a route you want your customers to take. Each route should be created so that each page has a clear message and 1-2 call-to-actions that you want the user to take. The acquisition subfunnel below is an example of a customer's path when he/she arrives at your website.

Customer Funnel

From Running Lean by Ash Maurya

Main Feature Pages 15 Minutes

What pages do you need to create for your main features?

Every website is different, so we cannot tell you which pages you need to create for your main features. Just remember to keep things as simple as possible. Also, if possible, elliminate excess layers of page - simplify navigation.

For StartitUp, for our main features, we created 4 different pages:

  • Dashboard Page
  • Guide Page
  • Stage Page
  • Task Page

Create the pages needed for your main features.

Landing Page 20 Minutes

Build a killer landing page. This is where users see when they land at your website address (

The first step to creating an awesome startup is to create a landing page that converts visitors into users.

Each of your landing page should have 1-2 call to actions. Call to actions are buttons or links that grab the visitor’s attention in less than 8 seconds and lead them to click on it.

Tip to remember: All the most important information that will convert your users should be "above the fold" - which is the area that is displayed on the screen when loaded. This is the area that you need to utilize to capture your customers' attention within 8 seconds. 

Above the fold

Essential elements to have on your landing page (you can use StartitUp's landing page as a reference):

  1. UVP Message: This is your main message, and should be very visible on your website as a "hero unit". Get your UVP from this task.
  2. Sub-headlines: This strengthens your main message. It could be a secondary UVP, or just a better explanation of how your service works. Get it from your prior tasks.
  3. Description: This explains what your service does more in details - should be succinct and concise.
  4. Support your UVP with graphics – images, icons, screenshots, or videos.
  5. Feature Boxes with benefits that strengthens your UVP - benefits + descriptions + images. Get your benefits here.
  6. Call to action: Each page should have a purpose. Your call to action should let the user know what happens next, like "Get Started", or "Start Shopping"
  7. Contact information: You should let your users contact you easily. Include a contact form or a number they can call you at - something very visible and easy to access
  8. Social Proof: This will help you a lot with your credibility. Add users' or experts' testimonials or recommendations. You can also add a section like "As Seen On"  with logos. This will greatly help you with converting visitors into users.

Landing Page Optimization

Also Read: Step-By-Step Landing Page Copywriting

A good landing page with all the right ingredients can possibly convert 400%+ more signups than a bad landing page. Imagine the difference between 10% and 40% conversion rate...that's the difference between 1000 users and 4000 users! Successful companies never stop optimizing their landing pages. There is ALWAYS a better landing page that can help you convert more users.

Another great example:

Great landing page

Notice how they have a great UVP headline, a sub-headline. They also have a simple supporting description on the left just above their screenshots. Their signup page on the right is just on the homepage, so that that decreases the friction of having to go to another page to sign up. It also has a very strong call-to-action (Create a Free Account) that has a different button color (Contrast!) that stands out from the rest of the page (optimized conversion).

I highly recommend Copy Hackers if you want to learn to write converting copies.

Here's another beautiful landing page example by

Call to actions (CTA) are buttons of links on your website that you want customers to click on to complete some kind of action. CTA itself is so important that it has become a study on its own. The reason why CTAs are so important because the goal of designing great landing pages is to convert visitors into users, and the pathway on your landing page that does that is CTAs. Therefore, it's very important to understand what kind of CTAs work and what kind of CTAs don't.

Also, a detailed research on which colors conver the best tells us that there's no color that absolutely converts better than another color. The point here is to create contrast so that your CTAs stand out and users feel inclined to click on them. 

A good strategy to follow is to not use too many colors on your website, and always stay consistent with the color of your call-to-action. 

Case Study: Google always uses white as their background and 1 consistent purplish color for all of their links and most of their buttons.

Google Apps Signin Page

Here's a deck that will help you understand how to create awesome CTAs: 

Also read: - awesome blog you should read to learn how to convert your visitors.

Tools: A tool that helps you analyze how readable your website is to your visitors and to search engines.

Since a landing page is super important, we are creating a bonus section to help you optimize it.
Sign-up Page 10 Minutes

Build a sign-up page.

Your signup process should be simple, but not frictionless - because you want to filter out the people who are just curious from your real customers. Your signup process should also include fields that demonstrates your UVP - where you already start collecting information that can help you deliver the UVP. This will help you learn more about your early adopters. Make your signup forms clean, and don't clutter all the questions on 1 page.

Twitter Signup Page

Your signup page should have these basic features:

  • Registration Information
  • Email field
  • Name field
  • Password field + Password confirmation field

As you see below, many websites are now utilizing social networks like Facebook, Twitter, Linkedin, or Pinterest to make it easier for users to log in, since they already have those accounts in place.

Another big advantage of using social logins is that with the user signing up using their social accounts, you also get some the users' access and data on those sites, so that you can use that data to providing a better experience with the user.

Page

Build a sign-in page.

page should have these features:

  • Email field
  • Password field
  • Forgot your password field (optional)

Also, you see that on this sign-in page, they make it easy for you to sign in by offering options like Facebook and Twitter login - which actually automatically registers you as a user.

Signup Page

Contact Page 10 Minutes

Build a contact or feedback page.

This part is super important. A big part of your MVP is to validate your idea, and you want to try to collect as much feedback as possible.

Prepare a super easy way the user can contact you should they encounter any problems or have suggestions. Include a contact form/email, or a 1-800 number. This is the best and fastest way to learn from your customers. It's okay to leave a number, because initially you won't have that many customers, so you don't have to worry about being swamped by customers – which is actually a good thing.

Technical support is one of the best marketing/customer development tools.

Contact Us Page

Features to include:

  • The contact us page as a popup will make it easy to users to leave feedback to you but not have to leave their current page
  • Email field
  • Subject field (optional)
  • Message field
  • Your company name + address (required by law)

Customer Support/Feedback Tools

  1. Tender - support, knowledgebase tool for your site
  2. GetSatisfaction - conversations between companies / customers
  3. Triibe – incentive-based customer service
  4. Zendesk – web help software
  5. Clickdesk – Help desk, live chat, social toolbar
  6. SnapEngage - live chat integrates with your apps
  7. Freshdesk – completely unique never seen before web help software
  8. Testimonial Monkey –  integrate customer feedback into your site
  9. Kayako – Help desk
  10. UserVoice - turn customer feedback into action
  11. Kampyle – turn customer feedback into sales and relationships
  12. Ideaffect - customer feedback, vote, comment, manage
  13. Olark - live customer chat and customer loyalty
  14. Assistly - Support customers by Web, email, chat, and social networks
  15. Vision Helpdesk - Support for multiple companies from one place
  16. OneDesk – ideation to delivery and support issues, tickets, tasks
  17. HappyFox – collate, categorize and respond to all requests
  18. HelpSpot – Helpdesk software
  19. Webengage – website survey, feedback and notification tool
  20. SupportBee – help customers via email, robust ticketing
About Page 10 Minutes

Create an about page for your website/product.

Your about page is to provide compelling reasons to visitors to buy your product. This is an opportunity to "put a face on your product, to tell your story, and to connect with your customers." – Ash Maurya

While this page isn't read as often as your landing page, your ideal customers who really need your solution will want to learn more about your service.

A good example is Apple's iPad Mini's about page:

Apple about us page

Their about page obviously is quite perfect. We just need to meet them half way there :)

The page is an about page because this page actually isn't the main landing page for the iPad mini, but an inner page that better help introducing the iPad mini.

Like a good main landing page, A good about page should also have these 3 elements:

  1. A good about page or any landing page has a lot of images.
  2. A strong headline that resonates with customers' motivations.
  3. Subheadlines then expand on the headlines to strenghten the claim.
Terms and Conditions + Privacy Policy Pages 5 Minutes

Create a terms and conditions + privacy policy page.

These 2 pages are mandatory by law. You don't necessarily have to write them up yourself. A good way is to get default templates and just use them first. When you start growing and really have users to worry about, then you should write one up from scratch or customize your existing ones. 

The point here is to make users feel safe about using your service and that you try to own their personal data, read it, or sell it to a 3rd party.

Terms and Conditions + Privacy Policy Template:

Automated Privacy Policy Creators:

Additional Information Page (Optional) 10 Minutes

If needed, create a page with additional information.

If your service is one where customers will require more data (details, specifications, etc.) from you, then you can consider creating an additional page as an extension to your main landing page.

See how Apple iPad Mini has a main landing page:

and then they have other additional information pages like:

Pricing Page (Optional) 20 Minutes

If you are charging for your service immediately, create a pricing page.

To build a great pricing page, refer to KISSMetric's page on how to build a good pricing page. I think they have nailed it here:

An example plan below is one of the best ways to strategize your pricing plan. The plan below is great because it covers 3 types of different customers, and the middle one that's highlighted is the one that most people will purchase. Studies were carried out and the results shows that the highlight pricing plan always convert better. The reason is because customers like you to choose for them, and they assume that plan is the best plan.

Best Pricing Plan Page Example

So a few killer pricing tips to remember:

1. Highlight 1 option - Name the different tiers, and you can label your "main" plan with "Most Popular Plan" - This works!

2. Testing your pricing plans.

3. Keep your pricing plan above the fold (meaning the area that users can see when they open a webpage)

4. Make your plans easily comparable - the more confused your users are, the more they won't buy it.

5. Set the highest price on the left.

6. Put out a clear call-to-action - like "Start Trial Now)

7. Social Proof - You can put logos of your customers below the pricing plan to increase trust.

8. Make things dead easy - Don't include too many features that are not important, because again it'll just confuse the customers, and confusion will drive customers away.

9. Put FAQ below the pricing plan in case customers have doubt.

10. Give out 30-day free trial - and make that really clear at the top of the page. 

11. Make sure customers know they can cancel it at any time.

12. Provide a phone number, live chat, or email so that they can talk to you immediately.

13. Prices ending with 9 has higher conversion.

14. Put out extra pricing plans not to sell, but to make the plan you want them to buy relatively attractive. 

Example (this plan makes plan 2 the most attractive): plan 1: $29/month, plan2: $99/half year, plan 3: $179/year.

Must read:

Other tools you might need 5 Minutes

Billing/Payment Tools (In case if you want to charge early):

  1. Square - accept credit cards from ipad/iphone/android
  2. Stripe - accept credit cards on the web
  3. Balanced – Payments processing, escrow & payouts API
  4. BancBox – Payments service platform
  5. Chargify - Recurring billing without the headaches
  6. Recurly - Subscription billing
  7. Paypal – the standard for payment
  8. Paypal Payments Pro - accept debt and credit cards on your website
  9. Braintree - online credit card merchant processing
  10. Aria - online billing platform
  11. Paymill – accept online payments on the web
  12. Shopify – create an online store
  13. EStoreApp - a webstore in 5 minutes
  14. Vindicia - on demand billing and fraud management
  15. Volusion – shopping cart software
  16. CheddarGetter - online recurring billing
  17. Cloudware City - online app store for subscription services
  18. Spreedly - sell subscriptions on your site. signup, upgrade, trial pricing
  19. Zuora - online subscription management
  20. FeeFighters - find the cheapest credit card processors
  21. HealPay - Collections made easy
  22. WeUseCoins – accept Bitcoins as payment
  23. Postmaster - Integrate package shipping, tracking  and notification into your app
Stage: Start Building Stage: Get Customers ...