Hierarchy
Content and actions competed for attention instead of guiding the user.
UI/UX · Product Redesign · BEVOL
Designing a clearer
volunteering experience.
BEVOL is a volunteering platform connecting people, organizations, missions, rewards and community activity. The redesign focused on making that ecosystem easier to understand and more consistent across the product.
- Role
- UI/UX Design
- Research
- ~1 month
- Interviews
- 12 participants
- Design
- ~1 year
01 / The challenge
The product had grown.
The interface had not grown with it.
The previous experience lacked a clear visual hierarchy and consistent component behavior. Mobile and web also felt disconnected, while interactive states and multi-image content were not always obvious to users.
Consistency
Component styles and interaction patterns changed across the experience.
App ↔ Web
The mobile experience did not feel fully aligned with the web product.
Feedback
Missing states and animations made some actions difficult to read.
02 / Research
Listen first.
Then simplify.
Twelve in-depth user interviews were conducted over roughly one month. The research exposed four recurring pain points: app smoothness, the gap between app and web, weak visual feedback, and a broken multi-image experience.
12Participants
~1 moResearch period
4Key findings
1Unified direction
03 / System
Consistency became
a product feature.
The redesign introduced a clearer type scale and layout grid, a unified component system, research-backed UX decisions and a more purposeful visual language that could scale across the product.
Heading / Display28px — 500Section heading22px — 500Body text14px — 400
04 / Product features
New interactions,
integrated naturally.
Two notable additions were a direct chat experience between volunteers and organizations, and smart in-feed cards that bring missions, rewards and events into the feed without breaking its rhythm.
Direct conversation
Messaging, voice notes, imagery, online presence and read states in one flow.
MISSIONCommunity actionDiscover opportunities without leaving the feed.
Smart in-feed cards
Relevant missions, rewards and events appear as native product content.
05 / Interface highlights
See the system
working in context.
Rather than isolating the redesign as a set of abstract rules, the project overview brings the real BEVOL redesign artwork into the case study without presenting repeated crops as separate screens.
06 / Outcome
A more coherent product,
built to scale.
The redesign brought the core experience under one clearer visual and interaction system: stronger hierarchy, more consistent components, better alignment between mobile and web, and new features shaped by user research. No post-launch business metric is claimed here; the documented outcome is the product system and experience delivered through the redesign.
01Clearer hierarchy
Content, navigation and actions follow a more deliberate visual order.
02Unified components
A shared system reduces visual drift across screens and features.
03Closer app / web alignment
The product language is more consistent across major touchpoints.
04Research-led additions
Chat and in-feed cards were introduced around identified user and platform needs.
07 / Continue