ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
ReloPortal Redesign
Phase 1: Scope and Research
BuzzVibe: Scaling UX and Mobile Engagement
Redesigned cross-platform experience. The new BuzzVibe onboarding and dashboard experience created consistency across desktop and mobile, improved personalization, and established a scalable design system for future growth.
Company: BuzzVibe | Role: Senior Director of UX | Industry: Consumer Engagement/Saas |
Tools: Figma, Miro | Platforms: Web & Mobile
Overview
BuzzVibe, an emerging consumer engagement platform, struggled with inconsistent user experiences across platforms,
low onboarding success, and a lack of scalable design practices. As senior director of ux, I led distributed teams in atlanta to redesign key mobile flows, introduce ai-driven personalization, and establish a cross-platform design system.
The result was higher engagement, faster delivery, and improved retention.
Problem
The product experience was fragmented between web and mobile. There was no single design system,
which led to duplicated work and inconsistent components. Onboarding completion rates were low and mobile saw the highest drop-off. Without a personalized dashboard, first-time users rarely completed their first meaningful task.
Old mobile onboarding showing a single long form with many required fields, no progress indicator, and dense copy that caused confusion and high drop-off
Old desktop onboarding page with a single, long form card, small labels, and no step indicator, making the process feel lengthy and intimidating on larger screens
Old mobile dashboard displaying a static feed of generic cards and no personalization, which lowered relevance and daily engagement
Old desktop homepage with cluttered widgets and no clear hierarchy,
making it difficult for users to find relevant tasks or content
Process
I ran usability tests to surface onboarding friction to find out users abandoned flows with too many fields and no sense of progress. Competitive benchmarking revealed opportunities for personalization and lightweight gamification. To scale delivery, I established a design ops framework with shared figma libraries and design tokens, standardized workflows across locations, and prototyped mobile-first flows. Finally, we partnered with ai researchers to pilot predictive content feeds and adaptive card layouts.
Side-by-side journey map comparing the old linear onboarding with the new three-step onboarding, highlighting pain points and the streamlined path to activation.
Figma-style component library demonstrating buttons, input fields, cards, navigation components, and color tokens organized for cross-team reuse
and governance.
Solution
We redesigned onboarding into a three-step, mobile-first flow with a clear progress indicator, inline validation, and contextual help. We launched personalized dashboards that surface adaptive content cards based on user behavior. A cross-platform design system unified components and tokens across web and mobile, reducing duplication and accelerating delivery.
Governance and design ops practices ensured teams adopted and evolved the system.
Redesigned mobile onboarding in three clear steps with a top progress bar, large readable typography, inline validation, and a prominent continue button to reduce cognitive load
Redesigned desktop onboarding using a centered multi-step card layout,
a horizontal progress tracker, inline validation messages,
and generous whitespace for better scanning
New mobile personalized dashboard with adaptive content cards, prominent section headers, and a bottom navigation bar for quick access to home, explore, notifications, and profile.
Redesigned desktop dashboard with a left-hand navigation, a top search bar,
and a modular grid of personalized recommendation cards, delivering a clearer path to action.
Unified design system library demonstrating polished, reusable components across platforms, ensuring consistency and speed of delivery.
Results
Onboarding completion rose by 27 percent, user retention improved by 25 percent,
and delivery speed increased by 30 percent after the design ops rollout. The initiative improved cross-team collaboration
and established a repeatable blueprint for future product workflows.
Minimal analytics slide comparing before and after metrics: onboarding completion up 27 percent, retention up 25 percent, and delivery speed up 30 percent.
Key Takeaways
Scalable ux requires both systems and product-level design.
Mobile-first onboarding and ai-driven personalization produced measurable improvements in activation and retention.
Design leadership and ops enabled teams to focus on outcomes rather than repetitive implementation.