Skip to content

Design :: Day 003

Introduction

What’s the main focus? Is it for a book, an album, a mobile app, a product? Consider important landing page elements (call-to-actions, clarity, etc.)

I decided to go for something silly, something not quite achievable by today’s technology.

Like the previous challenges, this is also done in Figma.

QuantaCalc T50 Instrument

A hand held quantum computer? Unheard of!

With built in features such as cloud computing, hack-proof encryption, and version control? Ridiculous!

But it makes for a fun exercise.

What I did

Here, I created the landing page based on The Anatomy of a Landing Page on unbounce.

Like in previous challenges, minimal work is done to polish the design, focusing instead on the spirit of the challenge and general UI/UX aspects of it.

A Unique Selling Proposition (USP)

  • This is the selling point that sets my product apart from the rest.
  • I wanted to convey the main selling point of the product in the heading – a hand held quantum computer (i.e. a very powerful, fast computer that is mobile)
  • This is reinforced with 3 supporting headlines that supports the heading

The Hero Image

  • This is the image that sells the product. I wanted something sleek and simple looking that belies its true powers.
  • I thought it would be funny to have the image of a simple calculator to represent the product. This is squarely in the realm of fantasy as quantum computers today take up a good part of a room.

Benefits

  • Rule of 3. I reiterated the selling point in this section’s heading before going into 3 key benefits that I felt the prospective customer would find useful. Large icons to hint at what the points are about.
  • These are again things that are a little ridiculous but also probably feasible a few decades or centuries from now.
  • However, these features are already available (to some extent) on existing development tools so it is not a stretch to think that they are possible features in a futuristic quantum computer.

Social Proof

  • I went with direct quotes from customers for this. On an actual website it would probably cycle through a selection.
  • While seemingly insignificant if you’re basing on real estate, social proof plays a big role in lending credibility and support for a prospective customer’s decision to get your product.
  • You can think of it as, “Well, if X bought this product, then surely it must be good!” assuming that X is someone or a company that the prospective customer trusts or is a fan of.
  • I might also add that it could be an absolute stranger, like this mysterious Steve M. in my example. While not as powerful as the former, having actual quotes would signal that the product you’re selling has customers who like it enough to provide positive feedback.

Your Call to Action

  • The key thing to convert a prospective customer to a customer.
  • For my example, I have a “GET YOURS NOW” button in the center of the screen, right after the Unique Selling Point.
  • Apart from the logo, it’s also the only component on the landing page that is not in shades of gray, making it stand out better.
  • To support this, the top has a notification bar to entice the prospective customer with the promise of a 30% discount. Since it’s at the top of the page (and stays there since it’s a notification bar), it’ll likely be the first thing a person sees when they navigate to the page and they’ll be reminded of it as they go about the page as it stays there the whole time.

Conclusion

I think making a Landing Page is quite fun. I’ve done a few over the years for various brands and products. To me, it is fun to put together a distilled snapshot of the product in a single sleek page. At the same time, it is also fun to learn more about the product and decide what to shine a spotlight on and what to omit, and for this case, think of how I want to create a fictional product with its own backstory and ‘lore’, if I were to use worldbuilding parlance.

Credits