Client
caffeine.ai

Overview
caffeine.ai had a capable product hiding behind a marketing site that didn't do it justice — little more than a long page of text. There was no visual identity, no clear way to understand what the product did, how it worked, or why it stood apart from similar AI building tools. The disconnect between the web app and its marketing presence made the whole experience feel fragmented and undersold the product's potential.
Client
caffeine.ai
Platform
Web & mobile
Responsibilites
UX/UI
Component Creation
Strategy
Duration
3 weeks

The Challenge
Without a visual identity or structured content, potential users had no real way to evaluate the product — understanding what it did, how it worked, or why it was worth choosing over competitors required too much effort. The marketing site needed to earn the same level of trust as the product itself.

The Solution
The real focus of the project was cohesion. Rather than treating the marketing site, the blog, and the product as separate destinations, the goal was to weave them into a single joined-up experience. A clean, persistent navigation tied everything together — making it effortless to move from building inside the app, to exploring a blog post, to learning about features and pricing — without ever feeling like you'd left the product world. The visual language was designed to reinforce that continuity, feeling like a natural extension of the web app itself rather than a disconnected marketing wrapper bolted on the outside.

The Result
The project was straightforward by nature — the bar was low and the goal was clear: take a wall of text and turn it into a proper marketing destination. The main landing page did the heavy lifting, bringing together product showcasing, benefits, pricing, and FAQs in a clean, navigable experience. The most interesting challenge was creating visual content from scratch. With no existing assets to work from, I discovered app.paper — a shader-based design tool that made it possible to produce rich, textured branded imagery that could be scaled to any size, animated or static, and turned around quickly.
PORTFOLIO
help.caffeine.ai
help.caffeine.ai
help.caffeine.ai
UX/UI
Image Creation
Templates
Fragment Generator
Fragment Generator
Fragment Generator
UX/UI
Strategy
Protoyping





