EcoRun
Case
Study
A digital concept combining a website and a mobile app that encourages people to join eco-friendly virtual running events. It helps users track their runs, participate in challenges, and see the positive environmental impact of their activities.
Effortlessly join virtual runs
Track their eco-impact with intuitive feedback
Feel part of a purpose-driven community
Stay engaged through mindful, minimal user flows
The Process
The process was based on the Double Diamond approach, structured around discovering real user needs, defining clear goals, generating thoughtful solutions, and testing iteratively.
Research & Insights
📝 Survey (32 responses) 🎤 Interviews (5 participants) 📊 Competitive Scan
Collectibles: Physical vs. Digital
47.1% somewhat prefer both physical & digital
29.4% clearly prefer physical
Physical tokens still hold strong emotional value
Growing openness to digital or hybrid solutions
EcoRun’s Positive Impact
70.6% strongly believe EcoRun can benefit the planet
17.6% believe it has a positive impact
11.8% remain neutral
From Insights to Design Direction
Running is more mental than physical, especially for beginners. Based on user feedback, we knew we had to design for motivation, not just measurement.
🏅 Motivation by Meaning
Make running feel purposeful: → Eco impact + collective effort
🍃 Eco-friendly Gamification
→ All features designed to align with sustainability values → Trophy = symbolic, digital, shareable
→ All features designed to align with sustainability values → Trophy = symbolic, digital, shareable
🏃♂️ Inspired by Real Events
Participants loved the vibe of real races → So we designed digital bibs, race flows, trophies
User Personas & Empathy
"I believe in a balanced and eco-friendly lifestyle. Running not only keeps me fit but also connects me with a community that shares my values"
Goals
Pain Points
User Flow – From Discovery to Completion
This flow maps the full experience from first discovering EcoRun to completing a run and sharing the result, with focus on clarity, motivation, and eco-engagement.
Brand Direction
The Feel of Movement, Purpose & Nature Color palette built to support a dark UI with high contrast, energy, and emotional clarity, driven by movement and environmental purpose
📢 Tone of Voice: Inspiring, clear, human, purpose-driven 💬 Voice Attributes: Supportive, never pushy | Motivational but calm | Action-oriented, but mindful | Clear, yet emotionally engaging | Human and authentic in tone
✦ Homepage (Hero + Main Flow) Landing page introducing EcoRun’s brand and mission, followed by a clear step-by-step explanation of how users can participate. The homepage bridges awareness and action through clean layout and motivational language. ✦ Event Detail Detailed event page with all necessary information and emotional hooks, including digital bibs, community elements, and an intuitive registration CTA. Designed to reflect user insights and support purposeful action.
Mobile Experience (App UI Screens)
✦ Personalized dashboard showing upcoming runs, eco-points, and quick access to ongoing challenges. ✦ Clean list layout enabling quick event scan and selection, with distance and date filters.
(Project)
