Story: Landing page for digital product

Recently, I have an opportunity to work with a startup that is developing an APP. These companies have an in-house product designer/developer. It’s a fundamental position for APP development, but they don’t always have a UX designer, web/graphic designer. Therefore, I collaborate with these startups.

I am not a great UI designer. Many young people, millennial or gen-z, would be familiar with mobile-first. They are mastered Figma, Sketch APP or Adobe XD. Even so, I can work with startups. I compensate for my inexperience of mobile-first design with web/graphic design experience. Because startups need only MVP.

I learned basic landing structures before. In this blog, I would like to focus on the landing page for APP.

15 beautifully designed responsive mobile app landing pages

©Webflow Blog

BrightLock’s
– Value proposition
– Product and UI image
– Testimonial
– What a product is and some features
– Product details
– How it works
– Objection
– CTA

bellish
– Value proposition
– What APP is
– Examples
– Testimonials
– Testimonials(videos)
– Instructions
– CTA for free
– Objection
– Credentials
– FAQ
– Newsletter

CashApp
– Value proposition and CTA by QR 
– Feature in general
– Feature 1
– Feature 2
– Feature 3
– Feature 4
– Feature extra

FitnessAI
– Value proposition and a discount offer
– Credentials
– Review
– Feature with UI image
– Review
– Feature with UI image
– Number
– Feature with UI image
– Review
– Feature with UI image
– CTA

Acorns
– Value proposition and CTA
– Feature general
– Feature bonus
– Feature 1
– Feature 2
– Feature 3
– Testimonials
– Price table

ArriveSafe
– Value proposition, video and CTA
– Credentials
– How it works
– Feature
– Features
– Testimonials
– CTA

Each landing page has a different structure, but the contents are not so different. You can adjust it based on the APP.

Mobile App Landing Page Reviews – Viewer Submitted

©Sean Allen

– Show the screen how it looks like
– Include testimonial and review
– Story, personality
– Short video, under minutes, near the top
– Animated GIF, quick communication

High Converting Landing Pages 2021: 5 Easy Tips

©Jason Whaling

– Consistency
– Reciprocity
– Liking
– Clear target audience for copywriting
– Authority
– Social proof

The video shows mulch color, looks like a landing page which is against design rules. However, people often say it works. A designer does not believe it, but whatever the interface is, a landing page that structures properly engages with a target audience.

How To Create Landing Pages That Convert at 43% 📈

©Exposure Ninja — Free Marketing Review

– One offer
– How many conversions in 100 visitors?
– No disruption nav menu
– CTA and trial for free
– Credibility
– Objection ✓
– Get started button may customer intimidates
– Social proof
– Promise, result
– Trustpilot

Conclusion: Contents strategy more than design

We can apply these strategies to all web design projects.

Some client focuses on how a website looks great. Then, it does not perform well. Because a website does not reach the right audience with the right message. Or a client has too much desire and less budget. Then, they don’t go public even in 3 months. This is my recent experience and I asked to terminate a contract in the early stage. It’s my responsibility to stop the project if I don’t fit the project. For me, client satisfaction is important rather than money.

I have to meet the client’s expectations at least. Beyond the expectation is a duty for the designer. Therefore, I choose a client as well as a project.

Reference:

Garry Tan: How To DESIGN EVERYTHING if you don’t know ANYTHING | Design for Startups | Office Hours Ep. 1