SummaryHumanizing Online Rating Discussions through Voice & Video UX
ScopeProduct DesignProduct DiscoveryDesign System
CompanyYappaTimeline2021 -2022
Tech
Figma
Atomic Design
From UX Flows to Scalable Design SystemsCreated UX flows and a modular design system that enabled publishers to embed social interaction directly on their platforms.
Yaps are up to 45 seconds of voice or video commentary tool that gives Bloggers, Web Publishers and Podcasters, the power of social media directly on your their websites.
WorkflowsTurning Research Into ClarityI started by mapping user skills, frustrations, and motivations, then built a journey map to visualize their experience end-to-end.
With this foundation, we aligned priorities and designed solutions that directly addressed user needs.
From Insights to ImpactThis process not only uncovered key pain points but also gave the team a shared understanding of our users.
It became the foundation for aligning decisions, streamlining priorities, and designing solutions that felt intuitive and impactful.
Design SystemDesign System Creation & Atomic UI ImplementationBuilt a scalable design system starting from the brand palette, expanding it into full UI shades and tones.
Created reusable Figma tokens for color, typography, and spacingStructured components using an atomic design approach—from atoms to organisms—leveraging auto-layout and sigma for responsive, consistent, and efficient UI development.
This approach enabled faster reuse of components and seamless collaboration with developers.
Proudly created and coded using:
Claude+
Gemini+
Antigravity
Claude+Gemini+AntigravityFind me on