Skip to content
BackBack

Year

2024

Role

Lead Designer

Tools

Figma · Webflow · Adobe Illustrator

Team

With a UX Researcher

Making the invisible carbon cost of digital life visible

EcoByte is a gamified sustainability platform designed to make the hidden carbon footprint of everyday digital activity — browsing, streaming, scrolling — visible and actionable. I led the UX and product design alongside a UX researcher: research, flows, wireframes, visual system, and high-fidelity prototypes.

Most sustainability conversations focus on industrial carbon. The digital footprint goes almost entirely unnoticed — and the tools that exist either overwhelm with data or deal in abstractions that mean nothing in practice. EcoByte makes the cost personal: track your digital activity, earn points for lower-impact choices, and redeem them for eco-friendly rewards. The act of tracking is the behaviour change.

We ran user interviews, competitor analysis, and surveys before touching a screen. Three things came out of that research: users want a next step, not a number; visual cues keep them in the app longer than data tables; and gamification works if it's optional rather than forced. Those three constraints shaped every subsequent decision — the colour system (Tropical Indigo, Emerald Green, Pear Yellow — energetic, not preachy), the badges, the adjustable visibility of leaderboards.

A concept project — designed end-to-end in Figma.

Person holding a phone showing the EcoByte app
Get in fast

Get in fast

Sign up with Email, Google, or Apple — no lengthy onboarding before you can start tracking. The account gate is placed just late enough that users see value before being asked to commit.

Your eco HQ

Your eco HQ

See your point balance, today's carbon footprint in kgCO2e, current level, and earned badges — all at a glance. The dashboard rewards both daily habits and long-term consistency without burying the key number.

Carbon by category

Carbon by category

See your carbon by category — Gaming, Social Media, Browsing, Cloud Usage, Downloads — with week-over-week trend indicators. Weekly impact is contextualised in plain terms so abstract numbers actually land.

Bite-sized actions, every day

Bite-sized actions, every day

The app surfaces 2–3 achievable digital habits — lower your YouTube resolution, switch to an eco-friendly search engine — with a countdown timer and progress checkboxes. Completing them earns points and builds the habit loop without overwhelming.

Compete globally or locally

Compete globally or locally

The three-tab leaderboard lets you benchmark your eco-score against your immediate circle or the wider community — with the scope to adjust visibility for users who prefer not to compete.

Points earn real things

Points earn real things

Redeem your score for vouchers from sustainability-aligned partners — Green Gadgets, Biji Biji, Nude Zero Waste, Cleantech Solar, Grab Green. Rewards aren't generic; they reinforce the same values the app is built around.

Immediate feedback

Feel the impact of every action

EcoByte provides immediate feedback on the environmental impact of your digital habits — real-time notifications that connect individual choices to measurable outcomes.

Next

Deriv— Enterprise Website