Skip to content
A re-creation of 15Five's product landing page with landing page best practices applied.
HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
.DS_Store
README.md
index.html
style.css

README.md

15Five Product Langing Page Clone-ish

15Five is a continuous performance management suite.

This is my take on 15Five's product landing page:

Screenshot-landing-page

Live landing page: https://sophi-li.github.io/15five-clone-ish/

Landing Page Features

This 15Five product landing page clone-ish embodies the following product landing page best practices:

  1. A short headline to grab the users' attention.
  2. All navigation and links are removed to avoid distraction.
  3. One action-oriented, specific, and clear call to action (CTA).
  4. Responsive layout for web and mobile.

The objective of this tightly focused 15Five product landing page is to capture leads for the 15Five marketing campaign, which targets users who work in the People Operations function.

Todos

  • Fix email input contrast for accessiblity
  • Add margin to logos for responsiveness

Technologies

HTML, CSS, Bootstrap

Best Practices Documentation

Best Practices for Building a Product Landing Page blog by Sophia.

Authors

Sophia

Acknowledgements

15Five logos and content used in this product landing page are from 15Five.

As a fan and user of 15Five, I was inspired to re-create a 15Five product landing page.

You can’t perform that action at this time.