Yablio: Engineering a Zero-Learning-Mobile App for European SMBs
Jemirae Agency
1 collaborator
Yablio: Engineering a Zero-Learning-Curve Shared Inbox for European SMBs
How Jemirae designed a high-fidelity WhatsApp Business SaaS ecosystem app in a 7-day high-velocity sprint.
The Executive Summary: Radical Simplicity at Scale
Selected from over 60+ global candidates, Jemirae was commissioned to define the visual language and core UI architecture for Yablio. Yablio is a specialized WhatsApp Business SaaS built for non-technical SMB owners in Italy and Spain.
Our mission was to take the high-utility features of a shared team inbox and compress them into a mobile-first experience that feels as familiar as a standard chat app. We delivered a production-ready Design System and a full suite of interactive prototypes within a strict 7-day sprint.
Services Provided:
product design mobile ui architecture design systems conversion optimization
The High Level User Flow of the App
The Foundation: A Developer-Ready Design System
Before designing a single screen, we architected a comprehensive Source of Truth to ensure long-term scalability.
Atomic Components: We engineered a library of buttons, inputs, and avatars using 100% Figma Auto Layout, mirroring Flexbox logic to ensure a seamless transition to React Native.
Functional Color Theory: We reserved "WhatsApp Green" exclusively for high-priority CTAs, maintaining a clean, professional aesthetic inspired by the utility of platforms like Linear and Front.
Typography: We utilized a rigorous type scale for Inter, optimized for sub-second readability on mobile devices.
The Core Product: The Team-Powered Inbox
The objective was to manage high-density data without overwhelming the user. We focused on three key areas:
Shared Inbox Management: Streamlined conversation lists featuring agent assignment chips and real-time unread badges.
Hybrid Chat Logic: We created a distinct visual language to separate customer messages from Internal Agent Notes, facilitating real-time team collaboration directly within the thread.
Onboarding Efficiency: A 5-step connection sequence designed with high-clarity progress markers to reduce technical anxiety during the WhatsApp API pairing process.
Conversion-Optimized Checkout & Trust Architecture
To maximize mobile conversion rates, we architected the checkout UI following Apple Pay and Google Pay Human Interface Guidelines.
Express Checkout Hierarchy: Positioned native payment components as primary actions to capture one-tap payments.
Security & Retention: Integrated Stripe-compliant security badges and clear "Free Trial" logic to bridge the trust gap between lead and subscriber.
Technical Handoff & Impact
At Jemirae, we don't just deliver "pretty pixels." We deliver Technical Alignment:
Pixel-Perfect Execution: Every screen delivered with responsive constraints and organized layer naming.
Developer-Centric: By using standard Next.js/Expo spacing scales, the final package was ready for immediate frontend integration.
"Professional and responsive... Selected from 60+ candidates... Designed a scalable mobile ecosystem focused on radical simplicity and conversion." Massimo Minganti, Yablio
Like this project
Posted Apr 7, 2026
Jemirae was selected from 60+ candidates to design Yablio, a WhatsApp Business SaaS. We engineered a mobile app and a production-ready Design System in 7 days
Likes
1
Views
1
Timeline
Mar 9, 2026 - Mar 25, 2026
Collaborators
