Mindful Meditations
A landing page design project
See it live here: https://mindful-meditation.webflow.io/
Tools used:
Figma, Webflow
Role:
UI Designer; Webflow Developer; personal project
Project Overview
Project goal:
Connect individuals seeking mindfulness with effective meditation techniques
User:
Individuals looking for stress relief and mental well-being
User Problem:
Navigating the vast world of meditation to find reliable and effective methods
Business Goal:
Increase user engagement and promote the benefits of regular meditation
Solution:
A landing page that effectively showcases key features of the Mindful Meditations product, designed to attract and engage potential users.
Moodboard
The Mindful Meditations moodboard employs a calming colour palette featuring light shades of blue and orange to evoke a sense of serenity and emotional balance. The choice of blue symbolizes tranquillity, while orange adds a touch of warmth and positivity. Complementing this are clean, minimalistic visuals that eliminate distractions and enhance focus, aligning perfectly with the app's aim to provide a peaceful and effective meditation experience.
Wireframe
The wireframe sketch for the Mindful Meditations app features a 2-column header with an image placeholder and download CTAs. The app's key functionalities are showcased in a features section through the use of cards. To build trust, testimonials from satisfied users are displayed in a 3-column grid, while the subscription plans are presented in a 2-column format that includes bullet points, pricing, and a badge for the most popular option. The About Us section provides a brief yet informative look at the company's mission and values, while the FAQ section offers interactive Q&A. The layout concludes with a final CTA for app downloads and a footer that showcases the logo, general product information, and social media buttons.
