Landing Page Preview

The Problem

Books and articles can bring great value to our lives with the knowledge they convey. When reading a a physical (non-fiction) book you might find yourself using a text marker to highlight important phrases, finding them useful for later. To get something out of your highlights you somehow need to collect and summarize them since you probably don’t want to skim through all 300 pages every time.

The question is, how to capture all the phrases in a way that you can learn from. How can you bring knowledge from different books and articles together to promote diverse thinking and learning?

Product Strategy

BookHub is an app that lets people retain more from the books and articles they read by enabling them to create custom notes. Having the notes digitally allows the user so combine different sources of knowledge, filter, sort and arrange notes.

The app should come in a free and Pro Version. A rough pricing concept can be seen below.

Book Notes App Pricing


Book Notes App Process

For the creation of the the app I follow methodologies of the Design Sprint.

  1. Defining and understanding the problem, produce many solutions
  2. Vote on best solutions, create a storyboard for the prototype
  3. Build the prototype, set up user tests
  4. Test the prototype with real users, get feedback

In the first place I elaborated the product idea and made my way to fully understand the problem. After that I set the Long Term Goal, wrote down the Sprint Questions, created a Map and noted How Might We (HMW) questions (see below).

Book Notes App Long Term Goal
Book Notes App Can We
Book Notes App How Might We

To find focus for the project, I voted on the HMW’s which are most important for the product. These were arranged within the Map. Now it is clear that the focus should be on the „Learning“-Part of the customer journey which is being represented by a landing page.

Book Notes App Map


Next up are Lightning Demos. I combined these with a little competitor analysis. Possible competitors are Blinkist and Amazon Kindle. With taken notes from the demos I was able to sketch some ideas for the landing page. I proceeded with an exercise called „Crazy 8’s“ for the most promising sketches to create different variants.

With different parts of the landing page, the next step was to create a Storyboard for the prototype. This storyboard in this case is just a sketch of the landing page.

From this sketch of the whole landing page, I proceeded to build the prototype digitally in Sketch.

Let the landing page explain the product in detail:

Next Steps

What’s missing now is the user test for the landing page. The goal is to answer the sprint questions and see If there is a market fit for this product idea.

With the results from the user test I will see how to proceed: Do adjustments to the concept, rethink the whole idea or start building the product.