02 / UI/UX Case Study

Gamified Social · Founder

Turning real-life achievements into a game worth playing

Turning real-life achievements into a game worth playing

Turning real-life achievements into a game worth playing

Turning real-life achievements into a game worth playing

Turning real-life achievements into a game worth playing

Achivo is a gamified social platform where the things you actually do, from a trip to Paris to a 10K run or finishing 100 books, become points, badges and a profile worth sharing. I co-founded it and led the product’s UI/UX.

Achivo is a gamified social platform where the things you actually do, from a trip to Paris to a 10K run or finishing 100 books, become points, badges and a profile worth sharing. I co-founded it and led the product’s UI/UX.

Achivo is a gamified social platform where the things you actually do, from a trip to Paris to a 10K run or finishing 100 books, become points, badges and a profile worth sharing. I co-founded it and led the product’s UI/UX.

Achivo is a gamified social platform where the things you actually do, from a trip to Paris to a 10K run or finishing 100 books, become points, badges and a profile worth sharing. I co-founded it and led the product’s UI/UX.

UI/UX Design

Product & Founder

0 → 1 / MVP

Work in progress

This app is still in active development. Some things in the screenshots are placeholders, and the final design of certain elements (badges, for example) is still a work in progress. Everything is subject to slight changes, but the overall app is well into development and almost fully complete and functional.

Role

UI/UX & Co-founder

Team

3 developers + me

Scope

Mobile App · MVP

Launch

Planned 2027

200+

200+

200+

200+

Screens & flows designed

MVP

MVP

MVP

MVP READY TO BE LAUNCHED

Light & Dark

Light & Dark

Light & Dark

Light & Dark

Every screen, both modes

(Overview)

A game made out of real life

A game made out of real life

A game made out of real life

A game made out of real life

Achivo turns everyday accomplishments into a social game. Every achievement, whether it’s travelling somewhere, hitting a fitness goal, learning a language or finishing a stack of books, gets logged, earns points and lands on your profile. Friends follow along, react and climb the same leaderboards.

I’m one of Achivo’s co-founders and led its UI/UX end to end, from the first onboarding tap to the profile, the statistics and the reward moments, working alongside a team of three developers to ship the MVP.

(The System)

Points, categories and badges

Points, categories and badges

Points, categories and badges

Points, categories and badges

The hardest part was making real life feel like a game without making it feel cheap. The system rewards effort honestly: every achievement earns points scaled to how much it took, sits in a colour-coded category, and is marked by a badge you actually want on your profile.

01

Points scaled to effort

A 10-minute habit and a marathon shouldn’t be worth the same. Point values map to real effort, so the leaderboard stays meaningful.

02

Colour-coded categories

Travel, Fitness, Learning, Gaming and plenty more each own a colour, so a profile or feed reads at a glance and the stats stay legible.

03

Badges worth earning

Each achievement unlocks a hexagonal badge and a celebratory moment, turning a logged action into something that feels earned.

The category system

Travel

Fitness

Learning

Gaming

Creative

Hobbies

Health

Social

+ many more

(Core Experience)

The app, screen by screen

The app, screen by screen

The app, screen by screen

The app, screen by screen

With the system in place, the work was making it feel effortless day to day: logging an achievement, sharing it and watching your profile and stats fill in.

Home

A live feed of friends’ real achievements.

Profile

Points, badges and followers in one place.

Statistics

Progress broken down by category.

Leaderboard

Friendly competition, daily to all-time.

Create a post

Attach an achievement and share it.

Achievements

Browse, track and complete goals.

(The Landing Page)

A landing page to match

A landing page to match

A landing page to match

A landing page to match

I designed and built Achivo’s marketing site too, carrying the product’s look into a page that sells it. It scrolls on its own, so hover to pause and read.

achivo
Achivo landing page

Auto-scrolling preview · hover to pause

(Data, Made Personal)

Making progress legible

Making progress legible

Making progress legible

Making progress legible

A pile of points means little on its own. The statistics screen turns the score into something personal: where you rank, how you compare and which parts of life you’re actually investing in.

Live screen · scroll inside to explore

Points → percentile

A raw number is hard to read, so every stat is framed against everyone else: “you’re performing better than 78% of users.” Suddenly the score has meaning.

You vs. the average

A direct comparison to the average user keeps progress motivating rather than abstract, so you can see you’re ahead without doing the maths.

Where your time goes

A category donut and per-category rankings reveal exactly where someone over- or under-indexes, making the next goal obvious.

(Theming)

Light and dark, by design

Light and dark, by design

Light and dark, by design

Light and dark, by design

Achivo had to feel at home day or night, so every screen was designed in both light and dark from the start, never bolted on later. The accent blue, category colours and points stay consistent across modes, so the product reads the same either way.

Light mode

Dark mode

The same care in every mode

Home feed

Statistics

Achievement

Settings

Create a post

Notifications

(Scope)

A full product, not a demo

A full product, not a demo

A full product, not a demo

A full product, not a demo

Even as an MVP, Achivo is a complete product: account creation and onboarding, a full social layer with messaging and search, notifications and a deep settings suite. I designed the entire surface so the team could build and test it as a real app.

Sign up

Log in

Complete profile

Onboarding

Search

Messages

New message

Add achievement

Settings

Change username

Change email

Edit profile

(Reflections)

Founder and designer at once

Founder and designer at once

Founder and designer at once

Founder and designer at once

Wearing both hats changed how I designed. As a co-founder, I wasn’t just handed requirements. I helped decide what Achivo should be, then had to design it into something three developers could actually build. Every screen was a product decision as much as a visual one.

Achivo is still an MVP heading toward a 2027 launch, and the scope is deliberately tight. Building it taught me to design a whole product as one coherent system, from the first onboarding tap to the hundredth achievement, balancing ambition against what a small team can ship.

Next project

Clip It

Clip It

Clip It

Clip It

Clip It

↗︎

↗︎

↗︎

↗︎