Sofiia Kudrina©EchoMind
A voice-first companion that listens to how a day actually goes and gives it back as something usable. Your mind, echoed back. Designed end to end: product, interface, dark appearance, the kit behind it, two icons and the App Store listing.
Overview
EchoMind turns the things you already say out loud into something you can act on: one insight worth reading, a focus and mood read you can trust at a glance, a map of how the day actually went, and a memory you can search.
The whole product is designed in Figma: an iridescent orb that carries the brand from icon to empty state, fourteen screens in light with a complete dark appearance, the kit underneath them, two app icons and the eight shots the App Store listing is built from.
The challenge
Most journalling and “AI companion” apps quietly hand the work back to the user: open the app, type, tag, review. I set myself the opposite brief. You talk, the product listens, and everything else is presentation. That puts all the weight on the first screen: it has to open ready to listen, and it has to be worth a second of attention before you’ve typed anything.
Approach
One soft, iridescent orb does the branding everywhere: icon, splash, listening state, the mark in the corner of a chat. Around it everything is quiet: pastel mesh, white glass cards, a neutral sans with a serif italic used only where the product speaks to you.
- Home opens on a prompt bar, not an empty feed
- Six suggestion chips instead of a blank text field
- AI mode / Standard switch right in the composer
- Mood as a row of faces, focus as one number
- Day map, showing the day as a curve and a timeline
- Memory you can search, pin, export and delete
- Light and dark as two Figma variable modes
- Two app icons and a paywall, free and Pro
Onboarding
Three screens, three promises: it remembers, it filters, it draws the day. Each one shows the thing it is promising rather than describing it.
The product
Four tabs: Home, Insights, Day map, You. Home is the orb, the chips and the composer; everything else is one tap from it.
Growth & account
The paywall sells the one thing free users feel, which is the app forgetting them. Referral trades a month for a month. Settings put memory and privacy above notifications, with “delete all memories” in plain sight rather than buried.
First and last surface
The splash is the orb and nothing else. The Lock Screen is where the app lives when it is not open: widgets, a Live Activity while it listens, and an evening check-in that asks for two minutes.
Dark appearance
Not an inverted copy. Colour, surface and elevation are Figma variables, so dark is a second mode on the same thirteen frames. The mesh keeps its saturation, the glass keeps its depth, and nothing had to be redrawn.
Drag to scroll → · all thirteen screens in dark mode
The kit
Everything on those screens comes from one kit: the orb at four sizes, the composer, the suggestion chips, light and dark mesh backgrounds, the glass card, the tab bar in all four states, the mood row and the waveform. Below it, the icon set and the iOS chrome the screens are assembled on.
Kit · orb · composer · chips · mesh · glass · tabs · mood · waveform
Icon library · 39 icons on one grid
Chrome · status bar · tab bar · toggle
App icon
The same orb, lit two ways: pale iridescence on light for the free app, the same sphere against deep night for Pro. Checked masked on a home screen at every size down to 29 pt.
Masked previews · three sizes, both icons
App Store listing
Eight 6.9″ shots, designed to be read in the order the store scrolls them: a promise, then a proof, then a reason to stay. Each headline is one line and one idea, with the second half set in italic serif.
Drag to scroll → · eight shots · 1290 × 2796
How the eight shots read together
Like this project?
Let’s design something memorable together.