STPORTFOLIO
AVAILABLE
HIRE ME
AVAILABLE FOR WORK
00
creative + bold!
001 — PORTFOLIO / 2019–2025
SHEHAN
THILAKARATHNA
CONNECTING CREATIVITY
SHAPING EXPERIENCES
OPEN TO WORK · SRI LANKA
CURRENT ROLE
UX ENGINEER
INTERACTION DESIGN
DESIGN SYSTEMS
MOTION & ANIMATION
BRAND IDENTITY
CONNECTING CREATIVITY
SHAPING EXPERIENCES
6+
YRS EXP
40+
CLIENTS
120+
PROJECTS
[UX DESIGN][MOTION][BRANDING]
SCROLL
SHEHAN THILAKARATHNAUX DESIGNBRANDINGMOTION DESIGNVISUAL IDENTITYDIGITAL CRAFTSHEHAN THILAKARATHNAUX DESIGNBRANDINGMOTION DESIGNVISUAL IDENTITYDIGITAL CRAFT
CREATIVITYCRAFTCONNECTING CREATIVITYSHAPING EXPERIENCESDIGITAL EXPERIENCEINTENTIONAL DESIGNCREATIVITYCRAFTCONNECTING CREATIVITYSHAPING EXPERIENCESDIGITAL EXPERIENCEINTENTIONAL DESIGN
001 — IDENTITY
Shehan Thilakarathna — UX Engineer
EST.
2019
SHEHAN THILAKARATHNA
UX ENGINEER
01

I design with
intent.

I'm Shehan Thilakarathna — a UX Engineer living at the intersection of design and code. I build interfaces that feel inevitable, not just functional.

My work spans design systems, motion, and brand identity — always rooted in Swiss precision and brutalist honesty. Every pixel is a decision.


0+
YEARS EXP.
0+
CLIENTS
0+
PROJECTS
004 — TOOLS & SKILLS

WHAT I
USE

FIGMA
DESIGN
95
FRAMER
DESIGN
85
AFTER EFFECTS
MOTION
80
REACT
ENGINEERING
88
NEXT.JS
ENGINEERING
85
TYPESCRIPT
ENGINEERING
82
CSS / TAILWIND
ENGINEERING
92
DESIGN TOKENS
SYSTEMS
90
STORYBOOK
SYSTEMS
78
LOTTIE
MOTION
75
ILLUSTRATOR
DESIGN
72
PROTOTYPING
DESIGN
93
002 — SELECTED WORK

SELECTED
WORK

(2021—2025)
002 — CAPABILITIES

WHAT
I DO

01
UX DESIGN

End-to-end product design — research, wireframes, to production-ready interfaces. Systems thinking meets pixel precision.

FIGMADESIGN SYSTEMSPROTOTYPINGRESEARCH
02
MOTION DESIGN

Purposeful animation that communicates, not decorates. Micro-interactions and full motion systems built for real products.

AFTER EFFECTSFRAMERLOTTIECSS ANIMATION
03
BRANDING

Visual identities with structural integrity. Logos, type systems, and brand guidelines that hold up at any scale.

IDENTITYTYPOGRAPHYART DIRECTIONGUIDELINES
EVERYPIXEL.EVERYFRAME.INTENTIONAL.
003 — PROCESS

HOW I
WORK

04
01
RESEARCH & AUDIT

DISCOVER

Deep research into users, context, and constraints. Stakeholder interviews, competitive audits, heuristic reviews.

USER INTERVIEWSCOMPETITIVE AUDITHEURISTICS
02
STRATEGY & PRINCIPLES

DEFINE

Synthesize findings into clear problem statements and design principles. The brief becomes a north star, not a cage.

PROBLEM FRAMINGDESIGN PRINCIPLESBRIEF
03
ITERATE & PROTOTYPE

DESIGN

Rapid iteration from rough sketches to high-fidelity prototypes. Every decision documented and justified.

WIREFRAMESPROTOTYPINGDESIGN SYSTEMS
04
SHIP & MEASURE

DELIVER

Production-ready assets, design tokens, and developer handoff that actually works. Launch is the beginning.

DEV HANDOFFDESIGN TOKENSQA REVIEW
EVERY PROJECT FOLLOWS THIS FRAMEWORK
D
D
D
D
004 — KIND WORDS

WHAT CLIENTS
SAY

"

Shehan doesn't just design — he engineers experiences. The design system he built scaled from 3 to 40 engineers without a single breaking change.

ALEX MORGAN
Head of Product, Axiom
"

Working with Shehan felt like having a co-founder who happened to be a world-class designer. He understood the business, not just the pixels.

PRIYA CHEN
CEO, Nova Labs
"

The motion system Shehan created became the soul of our brand. Every animation tells a story. Our users noticed immediately.

JAMES OKAFOR
Creative Director, Flux
005 — CONTACT
LET'S
TALK
shehan@shehan.design
FIND ME
AVAILABLE FOR FREELANCE
BASED IN SRI LANKA · REMOTE WORLDWIDE
2025
SHEHAN THILAKARATHNA
DESIGNED WITH INTENT
SHEHAN THILAKARATHNA© 2026 ALL RIGHTS RESERVEDDESIGNED WITH INTENT