Drink Diary
A deep dive into the design thinking behind a social drink logging app — from messy first sketches to a final product that feels like your favourite corner café.
The Brief
Everyone has a drink
they wish they remembered.
There's no good place to log a beautiful matcha latte, a natural wine you found at a farmers market, or the perfect espresso from that tiny shop in Barcelona — and then actually find it again. Instagram buries it. Notes apps forget the context. Vivino only cares about wine.
Drink Diary was designed to fill that gap: a personal, visual, and social log that works for every drink, for everyone — built with the warmth of a handwritten journal and the usability of a modern app.
Logo Concept
A crayon.
On purpose.
The Drink Diary logo was designed to feel made, not manufactured. The mark is intentionally imperfect — edges that don't quite close, fills that bleed slightly outside the lines, a texture that says someone drew this.
That's the crayon philosophy. A crayon drawing has character that a laser print never will. It's warm, a little messy, and completely human. It's the visual equivalent of a handwritten order on a chalkboard at your favourite neighbourhood café.
In a world of slick, rounded app icons that all look the same, Drink Diary's icon is meant to make you pause — and smile. It looks like it belongs on a coffee shop pin board, doodled on a napkin, or stamped on a tote bag.
Quirky
Not corporate. Never sterile.
Warm
Like a favourite mug.
Cozy
Corner booth energy.
Honest
What you see is what you get.
Color Philosophy
Why green and brown?
Every color in Drink Diary was chosen to evoke a feeling, not just look nice.
G
#19350C
Forest Green
Deep, grounding, and ancient — the color of old forest floors and antique botanical prints. It anchors the app and signals that Drink Diary takes your taste seriously, without taking itself too seriously.
O
#687D31
Olive & Sage
Where forest green is depth, olive is light. It's the color of new growth on old vines, of herbs hanging in a kitchen window, of the chalkboard specials at a farmers market. It brings life and warmth.
B
#6F4E37
Coffee & Clay
Coffee brown is the heartbeat of the app — warm, familiar, and rooted in the ritual of drinking. It appears in drink category tags and illustrations, anchoring every screen to the physical act of holding a warm mug.
Full palette — hover each swatch
User Research
Who is Drink Diary for?
Three personas emerged from user interviews and competitive research — each with a different relationship to drinks and discovery.
Maya, 26
The Aesthetic Documenter
Freelance photographer who lives for a beautiful latte. She photographs every drink before she sips it, posts to Instagram Stories, then forgets what it was called six months later.
Goals
- Remember where she found that perfect matcha
- Build a visual archive of her drink aesthetic
- Share discoveries with friends without losing them in DMs
Frustrations
- ✕Instagram is too noisy — drinks get buried
- ✕Notes apps have no structure or beauty
- ✕She wants a dedicated space that *gets* her
Jordan, 31
The Curious Sipper
Product manager who travels for work and wants to remember the wines, cocktails, and craft beers he discovers. Has a running note in his phone that is completely unmanageable.
Goals
- Log drinks with enough detail to find them again
- Track spend and patterns over time
- Discover new things based on his taste history
Frustrations
- ✕Vivino is wine-only and dry
- ✕Untappd feels like a sports bar app
- ✕Generic note-taking has no drink-specific context
Priya, 23
The Social Butterfly
Recent grad who goes out with her friend group every weekend and always wants to know what everyone is drinking. She loves sharing recommendations but hates the friction of texting back and forth.
Goals
- See what her friends are ordering in real time
- Give and receive drink recommendations easily
- Feel like there is a home for her drink personality
Frustrations
- ✕No app combines logging *and* social in one
- ✕Privacy concerns with apps that ask for too much
- ✕Wants a vibe, not a database
Design Process
From sketch to screen
Wireframes were kept intentionally rough — the goal was flow and hierarchy, not aesthetics. Aesthetics came after the structure was proven.
Low-fidelity wireframes — structural layout, no visual polish
Competitive Landscape
What's already out there — and where it falls short
The market has excellent vertical solutions. But no app combines broad drink coverage, beautiful visual logging, and a social layer that doesn't feel bolted on.
Vivino
The gold standard for wine logging with a massive community and label scanner.
Gap: Wine only. The UI feels like a wine shop catalogue — functional but cold. Zero social warmth, and no room for coffee, cocktails, or anything outside wine.
Untappd
Huge community for craft beer with badges, check-ins, and venue discovery.
Gap: Beer only, and the design language feels dated and masculine. The badge system is fun but overwhelming — it prioritizes volume over experience.
Where most people currently share their drinks — massive reach, beautiful format.
Gap: Drinks get buried in the algorithm and your own feed. There's no structure, no memory, no way to find that amazing negroni you posted 14 months ago. It's not built for this.
Drink Diarythis app
Visual, social, and personal — built for every drink, every person.
Design Principles
The rules that shaped every screen
Cozy over clinical
The app should feel like sitting in your favourite café, not filling out a spreadsheet. Warmth, rounded corners, and earthy tones over sharp edges and cold greys.
Photo first
The photo is the centrepiece of every log. Everything else — category, location, price — is context that supports the image, not the other way around.
Social without oversharing
Your phone number lets you sign in. Your username is what the world sees. Privacy by default, connection by choice. The feed shows vibes, not personal data.
Fast logging wins
If logging a drink takes more than 30 seconds, users stop doing it. Every flow was optimised until it hit that target. Speed is a design value, not just engineering.
Delight in the details
Background removal on-device. Staggered gallery animations. Micro-haptics on log confirmation. None of these are required — all of them matter.
Every drink counts
Matcha, beer, kombucha, orange juice — Drink Diary doesn't have a hierarchy of worthy drinks. The UI treats every entry with the same care.
See the finished product
From crayon logo to final screens — explore the live app page or get in touch.