Yablio: Engineering a Zero-Learning-Mobile App for European SMBs by Jemirae AgencyYablio: Engineering a Zero-Learning-Mobile App for European SMBs by Jemirae Agency

Yablio: Engineering a Zero-Learning-Mobile App for European SMBs

Jemirae Agency

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 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