Roberto Chaves

QNO

Product UX/UI Designer

Designing a sustainability-focused startup’s MLP

— PROJECT NAME

AcSus


— ROLE

Product/UX/UI Designer

Design System

Branding Identity

AI Exploration

Gamification Concepts

Motion Design

QNO is a sustainability-focused startup that needed to quickly create a Minimum Lovable Product (MLP) to present to investors and secure additional funding.


I joined as their Product UX/UI Designer on a part-time basis over a few months, with the goal of designing the entire product experience from the ground up.


Although the project was limited to just a few months part-time, expectations were high. I balanced branding, design system foundations, and early prototypes while rapidly learning the sustainability domain and regulatory context.


My focus became delivering enough to impress investors today while laying the groundwork for a product that could grow tomorrow. Even though there was much more I wanted to do and many ideas I hoped to explore, I feel I delivered more than reasonably expected within this limited timeframe.

A fast-paced highlights reel of the QNO design work. Best viewed with sound – Press Play to start.

GOALS

I was responsible for:

UX & UI Design – building user flows, wireframes, and high-fidelity prototypes

Design System – creating a scalable component library to accelerate development

Brand Identity – defining a the visual language to position QNO as a modern, trustworthy sustainability partner

AI Exploration – mapping how LLMs and machine learning could guide users through sustainability reporting and decision-making

Gamification Concepts – designing smotivational elements to encourage engagement and adoption without overwhelming users

IMPACT

• Delivered a lovable concept prototype used to pitching investors.

• Established a Design System foundation that scales as the product matured, reducing future rework.

• Explored how AI could enhance usability through smart prompts, auto-suggestions, and contextual guidance.

• Proposed gamification hooks to keep the experience engaging while tackling complex regulatory workflows.

Figma prototype of company context interactions

TOOLS & WORKFLOW

For this project I combined UX design, motion, and film to bring a Minimum Lovable Product to life.


I worked from hand-drawn sketches on paper and iPad to polished, interactive Figma prototypes, mixing video editing with AI tools to shape an experience that reflected my creative vision.


During this process, I developed a new method to make filmed footage loop naturally, creating smooth video backgrounds that feel continuous and alive. The viewer isn’t aware of the technical complexity; it simply feels natural. Good design is, in many ways, invisible: when details are well polished, they blend in and go unnoticed.


I experimented with AI diffusion and video-generation tools for ideation and concept development, using my sketches and filmed material as a foundation. I see AI as just another tool, with its pros and cons, to extend my creative process, a way to explore certain ideas faster without ever losing my creative vision.


I believe in using the right tool for the right challenge. Whether sketching on paper, compositing video, or refining Figma prototypes, my goal is always the same: to bring ideas to life efficiently while maintaining 100% creative control.


Tools used

Figma · Procreate · DaVinci Resolve · DJI Drone · Sony FX6 · iPad · Rive (exploration) · AI video & diffusion tools · Audio mixing tools · and, of course, paper & pencil :-)

‘Leafy’ the AI assistant contextually guiding the user

'Leafy' the context-aware AI assistant


Leafy is designed to guide users through complex sustainability tasks by offering contextual support, explanations, and motivation. It adapts its behavior and suggestions based on what the user is doing, making the experience feel more personal and engaging.


Key capabilities:

Contextual guidance – explains EU sustainability regulations and offers relevant examples questions or tasks depending on the active module

Smart data support – helps analyze company input and upload documents to pre-fill fields or suggest next steps

Adaptive interaction – provides autocomplete, task creation, and voice input, while remembering recent actions through clear, date-separate chat history

Gamification & motivation – celebrates milestones and progress through firendly feedback and subtle animations

Delighful behavior – the assistant's animated avatar responds to context, showing small variations in motion to convey empathy and personality

This page provides a quick visual overview of my work for QNO’s Minimum Lovable Product, showcasing key concepts, ideation, and exploration. For a more in-depth UX case study, see the Ericsson EDS+ page.