Portrait of a happy man with glasses and a beard.

Chehan Gamage

Product & UI/UX Designer

Portrait of a happy man with glasses and a beard.

Chehan Gamage

Product & UI/UX Designer

Portrait of a happy man with glasses and a beard.

Chehan Gamage

Product & UI/UX Designer

Open to new product work

Hi,

I'm

Smiling 3D avatar with pink spiky hair, round glasses, and lab coat.

Chehan.

I'm

a

Product

Designer

& UI/UX

Designer

I lead UX at TicketBox.lk and run Mintleaf Digital. I design SaaS dashboards, apps and design systems, from first research to the shipped interface, and prototype in real code with Claude. My research focus is HCI for grief and digital legacy.

Let's Work Together

Scroll down

to see projects

Work

Selected Work

Rainbow Apartments

Image

Rainbow Apartments

Image

Thakahaniye Bekariyata

Image

Thakahaniye Bekariyata

Image

Jaguar De Oro Tequila

Image

Jaguar De Oro Tequila

Image

Mimix Sour Jellix

Image

Mimix Sour Jellix

Image

4Well

Image

4Well

Image

Ponche Kuba

Image

Ponche Kuba

Image

Crumb Powder

Image

Crumb Powder

Image

Rugmam Tea

Image

Rugmam Tea

Image

OON Supplements

Image

OON Supplements

Image

Rainbow Apartments

Image

Thakahaniye Bekariyata

Image

Jaguar De Oro Tequila

Image

Mimix Sour Jellix

Image

View All Projects

Chehan Gamage

Product & UI/UX Design

AI-ASSISTED WORKFLOW

Contact Me

From research to release

Research

Design

Ship

Geometric white letter F logo.

5+

Years designing products

Research-led decisions

Accessible by default

Developer-ready handoff

Grey and white compact keyboard with an orange mail icon key.
Grey and white compact keyboard with an orange mail icon key.

Remote-first collaboration

Based in Colombo, Sri Lanka, working with teams across time zones.

Glossy bronze lightning bolt icon.

2019

Running Mintleaf Digital

Glowing blue "Publish" button surrounded by dark UI cards and elements.

AI built into how I work

Claude, Claude Code, Figma AI and Framer AI help me research faster, prototype in real code and hand off cleaner builds. AI-assisted, never AI-made.

Skills

Skills built for how products ship today.

Product thinking, interface craft and an AI-assisted workflow, from first research to production-ready screens.

Start a Project

  • Framer

    Framer

  • Rive

    Rive

  • Photoshop

    Adobe Photoshop

  • Illustrator

    Adobe Illustrator

  • Figma

    Figma

Product Design

End to end product thinking for SaaS, fintech and agritech: research, flows, information architecture and the shipped interface.

UI/UX Design

Clear, accessible interfaces for web and mobile, from wireframes to high-fidelity screens and interactive prototypes.

AI Workflow & Vibe Coding

I design and build with Claude, Claude Code and other AI tools, turning Figma screens into working prototypes and production-ready code.

Design Systems

Token-based Figma libraries with variables, components and documentation that keep design and development in sync.

UX Research & Testing

Interviews, usability tests and product data to find what users need, then prove the design works before it ships.

Brand & Visual Identity

Logos, type, colour and campaign visuals that carry one clear idea from a product screen to an arena-sized LED wall.

Toolkit

The tools behind the work

Design craft, research methods and an AI-assisted build stack, used together on every project.

01 / Design

Interface and systems

Figma

Framer

ProtoPie

Adobe CC

Design tokens

Auto Layout

02 / AI and build

Vibe coding with Claude

Claude

Claude Code

Figma AI

Framer AI

HTML / CSS

Tailwind CSS

TypeScript

03 / Research and physical

Evidence and prototypes

User interviews

Usability testing

Content analysis

Accessibility (WCAG AA)

ESP32

Arduino

NFC

How it works

How we work together

01

Discover

Icon Image

We start with your users, goals and constraints. Interviews, audits and data turn a vague brief into a clear problem to solve.

01

Discover

Icon Image

We start with your users, goals and constraints. Interviews, audits and data turn a vague brief into a clear problem to solve.

01

Discover

Icon Image

We start with your users, goals and constraints. Interviews, audits and data turn a vague brief into a clear problem to solve.

02

Design & Prototype

Icon Image

Flows, wireframes and high-fidelity UI in Figma, plus working prototypes built with Claude Code when we need to test real interactions.

02

Design & Prototype

Icon Image

Flows, wireframes and high-fidelity UI in Figma, plus working prototypes built with Claude Code when we need to test real interactions.

02

Design & Prototype

Icon Image

Flows, wireframes and high-fidelity UI in Figma, plus working prototypes built with Claude Code when we need to test real interactions.

03

Ship & Improve

Icon Image

Developer-ready handoff with a documented design system, then we measure, learn and refine after launch.

03

Ship & Improve

Icon Image

Developer-ready handoff with a documented design system, then we measure, learn and refine after launch.

03

Ship & Improve

Icon Image

Developer-ready handoff with a documented design system, then we measure, learn and refine after launch.

What I believe

Good products feel calm. I design them with care, test them with people and prototype them with AI until they do.

Blog

Latest writing

Research write-ups, case studies and notes on designing with AI.

No items

Read the Blog

FAQs

Frequently Asked Questions

What do you design?
icon

SaaS dashboards, fintech and agritech apps, design systems and brand identities. Most projects run end to end, from research and flows to high-fidelity UI and developer handoff.

How do you use AI in your work?
icon

I use Claude, Claude Code and other AI tools to speed up research synthesis, explore more options and build working prototypes in real code. The thinking, decisions and final screens are mine: AI-assisted, never AI-made.

How long does a project take?
icon

It depends on scope. After a short call I send a clear plan with milestones and dates, so you know what happens and when.

Can you work with my developers?
icon

Yes. I hand off in Figma with tokens, components, documented states and specs, and I can build coded prototypes so the team sees exactly how it should behave.

Do you work with international teams?
icon

Yes. I am based in Colombo, Sri Lanka and work remotely with teams in other time zones, with regular check-ins and shared Figma files.

How do we get started?
icon

Send a message through the contact page or email chehancopg@gmail.com with a short note about your product, your users and your timeline.

What do you design?
icon

SaaS dashboards, fintech and agritech apps, design systems and brand identities. Most projects run end to end, from research and flows to high-fidelity UI and developer handoff.

How do you use AI in your work?
icon

I use Claude, Claude Code and other AI tools to speed up research synthesis, explore more options and build working prototypes in real code. The thinking, decisions and final screens are mine: AI-assisted, never AI-made.

How long does a project take?
icon

It depends on scope. After a short call I send a clear plan with milestones and dates, so you know what happens and when.

Can you work with my developers?
icon

Yes. I hand off in Figma with tokens, components, documented states and specs, and I can build coded prototypes so the team sees exactly how it should behave.

Do you work with international teams?
icon

Yes. I am based in Colombo, Sri Lanka and work remotely with teams in other time zones, with regular check-ins and shared Figma files.

How do we get started?
icon

Send a message through the contact page or email chehancopg@gmail.com with a short note about your product, your users and your timeline.