Back to Works
Yokel — Community Events & Local Groups Mobile App
Social / Community PlatformDesign

Yokel — Community Events & Local Groups Mobile App

From UX research and competitor analysis through wireframes to a full design system with light and dark mode — designing a mobile app that connects organizers, businesses, and participants.

RoleProduct Designer
Duration10 weeks
Team1 designer, product stakeholders
Tools
FigmaFigJamMiro
The Problem

What needed solving

Local communities lacked a dedicated mobile platform to organize events, form groups, and connect businesses with participants. Existing solutions like GroupRaise and MightyCause served niche fundraising use cases but failed to provide a unified experience for event creation, group management, and local discovery. Yokel needed a ground-up mobile app designed for three distinct user types — organizers, local business owners, and participants — with a research-backed approach and a scalable design system.

The Constraints

Rules I worked within

01

Must serve three distinct personas — organizers creating events, business owners promoting locally, and participants discovering and joining.

02

Full light and dark mode support required from day one, built on Figma design variables for theme switching.

03

Research phase (competitor analysis, personas, use cases, sitemaps, user flows) had to inform every design decision before screens were drawn.

04

Design system needed to be production-ready with documented components, tokens, and patterns for engineering handoff.

The Impact

Measurable outcomes

Full research
UX Foundation

Delivered competitor analysis (GroupRaise, MightyCause), 3 user personas (Organizer, Business Owner, Participant), use cases, sitemaps, and user flows.

9 features
App Screens

Designed complete flows for Home, Onboarding, Settings, Notifications, Search, Profile, Create Event, Create Group, and Invite/Add Contacts — all in light and dark modes.

Light + Dark
Dual Theme System

Built a full dual-theme design system using Figma variables — brand colors, component tokens, and screen-level themes ready for native implementation.

End-to-end
Research → Hi-Fi

Led the full product design pipeline — mood boards, brand colors, wireframes, and high-fidelity screens — from initial research through design system delivery.

Key Takeaway

Research is not a phase you finish — it is a lens you design through. Every screen in Yokel traced back to a persona need or a competitive gap.