The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Pockit is a mobile app. They asked me to design one thing, the onboarding flow. I started with no design files at all, just the product and a brief.
What I delivered- The onboarding flow, as scoped. But while designing it, it was obvious the app had no system underneath it. Screens didn't match, and every new one would be a guess. So I built one.
Token architecture
- 200+ tokens in Figma variables, in three layers:
Primitives: the raw values (every colour, size and step)
Semantic: what each value is for, like "text-primary" or "surface-raised"
Component roles: what each part of a component uses
These are spread across six collections: colour, typography, spacing, radius, elevation and primitives. Change one value and it updates everywhere it's used.
Dark mode
Built as a proper mode from the start, not an inverted afterthought. Every semantic token has a light and a dark value.
How I work on undocumented products
I don't try to reverse-engineer everything. I work out what the slice I'm shipping needs, build that properly, and document the system as I go, so whoever comes next isn't starting where I did.
Status: engagement completed.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
New case study: the landing page for REVAI, a concept AI sales platform.
The brief I gave myself was structural, not decorative: design a page where every section earns the next one. Hero makes one claim and gets out of the way. The value proposition comes before any feature gets named — because a feature nobody understands yet is just noise. Proof (testimonial, logos) sits right before the final ask, not scattered earlier where it does nothing.
Art direction followed the same logic — high contrast where the page needs to make a claim, quieter and more editorial where it needs to build trust. The layout isn't there to look good in isolation. It's there to move someone from "what is this" to "I trust this" in one scroll.
Love the colors dude! Hell of a work🔥
AMSW — Brand Art Direction & Visual Identity
A visual direction developed for AMSW, combining premium sportswear with a dark, minimal, and performance-driven aesthetic.
The concept focuses on discipline, intensity, and controlled energy, using cinematic photography, deep blacks, cool blue tones, bold negative space, and minimal typography to create a strong and recognizable visual language.
I developed the art direction across campaign imagery, brand compositions, typography, logo applications, and lifestyle visuals, with the goal of creating a premium identity that can translate across apparel, digital content, packaging, and future collections.
Role: Art Direction · Graphic Design · Brand Identity · Visual Direction · Campaign Design
Tools: Adobe Photoshop · Illustrator
Is this made with AI?
One of my earlier projects was creating an explainer video for MerchantSpring, showing how agencies can consolidate e-commerce analytics, reporting, and AI-driven insights onto a single platform.
Have a product launch coming up? Feel free to DM me.
nice pacing on this one