Case Study
Vai
VAI is my digital product studio, where I explore ideas and build practical digital products that solve real problems. I lead the process from product discovery and UX/UI design in Figma through to working applications, using Cursor and Claude for AI-assisted coding.
Client
Vai (Own Venture)
Role
Founder & Designer
Scope
Brand, Design & Build
Platform
Web & PWA
Overview
A studio for design-led, practical products
My work spans customer-facing applications, internal tools, dashboards and AI-powered products. I guide the build, evaluate the output, test functionality and iterate on the experience, combining design judgement with hands-on experimentation.
The studio site itself is one of those products: a brand identity, responsive design system and Progressive Web App I designed and took through to a working, installable experience.
Process
How I work
Discover
Understand the problem and identify the opportunity before committing to a direction.
Design
Shape the experience and key interactions in Figma, from journeys through to visual design.
Build
Use Cursor and Claude to turn designs and requirements into working products.
Iterate
Test the result, refine the experience and improve the product.
Deliverables
What this project shows
Brand Identity
Complete visual identity with logo, dark/light themes, typography system, and brand guidelines for a technical audience.
Responsive Design
Fully responsive interface designed for desktop and mobile, with adaptive dark and light themes.
Working PWA
A Progressive Web App with install prompts and a home-screen presence, designed for easy access across devices.
From Design to Product
Designs and requirements taken into a working application with Cursor and Claude, then tested and iterated.
Gallery
Design in detail
Dark mode
Light mode
PWA home screen icon
Next Project
RadarPro →