Mebble / AI-Powered Career Platform
Nova Studios
Rwanda
Branding
ABOUT PROJECT
Designing and launching an AI-native career advancement tool, utilizing real-time rendering layers to turn intimidating professional writing into an effortless task. Mebble is an artificial intelligence resume builder and portfolio optimization platform launched in April 2026. The platform allows job seekers to input their career histories and watch as an AI instantly improves, reformats, and restructures their data to match top-tier corporate roles. Mebble reached out to Clonex to handle their full market launch, which included building a friendly yet professional brand identity and engineering their entire web application ecosystem from scratch.
THE CHALLENGES
The product challenge was hiding the annoying delays of background AI processing and ensuring text changes render smoothly on screen without jarring layout jumps. Most AI software applications suffer from a bad user experience because users are stuck staring at loading spinners while a backend model processes data. Furthermore, when the AI begins returning longer blocks of text, web containers can expand abruptly, causing surrounding buttons and menus to jump around uncomfortably. Mebble required a dynamic canvas that feels instantaneous, responsive, and completely fluid during heavy computation cycles.
THE APPROACH
We built a high-performance app infrastructure using Next.js 15 and Framer Motion, creating real-time text layouts that scale effortlessly as content generates. Scalable Brand System Clonex developed an approachable yet highly credible visual identity for Mebble. We structured the user interface using soft, clean geometric blocks, clear font systems, and intuitive columns that elevate data scannability.
Building a platform like Mebble meant creating an experience that feels instantaneous. Engineered with Next.js 15, PostgreSQL, and TailwindCSS, the core interface centers around real-time text-rendering systems. As users input their professional history, the canvas utilizes Framer Motion to smoothly scale, adjust layout columns, and display optimization insights on the fly. The visual brand system bridges approachable tech aesthetics with professional credibility, featuring a system of smooth, rounded UI blocks and clear typographical hierarchies.
EXPLORE MORE
Get Template