Skip to content

Instantly share code, notes, and snippets.

@moeamaya
Last active January 25, 2016 18:54
Show Gist options
  • Save moeamaya/613cc0855a729f7029a9 to your computer and use it in GitHub Desktop.
Save moeamaya/613cc0855a729f7029a9 to your computer and use it in GitHub Desktop.

Survive JS Critique

Overall the content is great, but just needs a bit more heirarchy and focus.

1. Value Prop Clarity

Completely understand the desire to meet everyone's needs, but the cognitive load is a bit too much to absorb on landing.

survive js

Solution - What are you selling and Value Prop

h1 example: Learn Webpack & React
h2 examples: With SurviveJS you'll go from apprentice to master
primary CTA: Become a Master
secondary CTA: Read the Free Version

Website Example: Discover Meteor

2. Testimonials

You already know the importance of testimonials as you have them displayed on the website, but I would put them in order of importance, directly after the hero. Depending on how long you're working on this, be sure to continuously update these with prominent figures in the javascript or coding community.

Website Example: Baremetrics

3. Content

  1. From the blog - I assume you're placing this high up on the page to show that you're actively engaged and to have new visitors see the most recent content. But I would move this to the right hand column since it's not the "primary" piece of content for a landing page.
  2. Leanpub exclusives - I would move this below the prerequisites block and also break it out into it's own section with a light background to emphasize exclusivity.
  3. Have the Demo earlier in the content maybe next to the gif. Checkout the demo!
  4. Perhaps list the items that you get: codebase, # of chapters, access your email, etc.

4. Quick mockup

Based on some of the above points

survive js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment