MindBeans
Daily positive MindBeans, direct to your device.
The challenge
MindBeans needed a fresh version 2.0 that felt as cheerful as its idea, worked in several languages, and let people choose when their daily message arrives.
What we designed
We built the look around a jar of jelly beans: a bright yellow logo, bold purple and blue gradients, and rounded cards. First launch asks for a language, sign-up captures time zone and delivery time, and a simple side menu keeps everything else one tap away. We also designed the Google Play feature graphic.
- App design version 2.0
- Splash and welcome screens
- Sign-up, login and password recovery
- Language selection
- Side menu and profile settings
- Google Play feature graphic
The MindBeans feature graphic
The banner people see first on the app store page.
How someone moves through MindBeans
- 01SplashJelly beans around the MindBeans logo, with a button to open your jar.
- 02Sign upName, email, password, time zone and delivery time on one card.
- 03
Log inEmail and password, with links to recover a password or sign up. - 04
Password recoveryEnter your email to get reset instructions. - 05
Welcome backYour MindBean for today, the moment you log in. - 06
Profile settingsNotifications, time zone, delivery time and password changes.
Every screen, all the way round.
Drag to spin the carousel, or let it turn on its own.
Designed around what users need most
A daily MindBean
One positive message a day, delivered at the time you choose.
Welcome. Today's message and buttons to log in or sign up.
Your language
English, Chinese and Japanese, picked on first launch.
Log in. Email and password, with links to recover a password or sign up.
Simple accounts
Sign up, log in and reset your password in a few taps.
Welcome back. Your MindBean for today, the moment you log in.
Personal settings
Notifications, time zone, delivery time and password in one place.
Profile settings. Notifications, time zone, delivery time and password changes.
All 9 screens
Hover a screen to lift it out of the layout.
Colour palette
The main colours across the MindBeans screens, measured from the designs themselves, with how much of the interface each one covers.
- #FFFFFF63% of screens
- #8152DA12% of screens
- #00AFED11% of screens
- #FEE70C5% of screens
- #0079DA4% of screens
- #4945C64% of screens
Have an app idea like MindBeans?
Tell us what you want to build. We'll reply with a free consultation, a design approach and a clear quote.