UI/UX & visual design
Design that survives contact with code.
I started out as a marketing graphic designer, so I care about the size of your logo as much as you do. Today I design interfaces, brand visuals and motion, then build them myself, which means the version you approve is the version that ships.
Live demo
gsap.to(box, { x, ease: "expo.out" })Good design moves well too. Pick an easing curve, then play or scrub the timeline yourself.
Approach
How wewould work
- 01
Understand
Who the users are, what they need to get done and what the brand should feel like.
- 02
Sketch and prototype
Rough layouts first, then a prototype in the browser so we judge it in motion.
- 03
Refine
Type, colour, spacing and easing tuned until it feels right on a phone and on a big screen.
- 04
Build or hand over
I build what we designed, or hand over files your developers can follow.
Problems it solves
Soundsfamiliar?
- 01A website that looks like every template on the internet
- 02Lovely mockups that fall apart once someone builds them
- 03Brand visuals that change from one post to the next
- 04Animations that stutter on everyday phones
What you get
Deliverables
- UI/UX design for web and app screens
- A small design system: colour, type, spacing and components
- Brand and marketing visuals
- Interaction and motion design, built with GSAP
- A reduced-motion version of every animation
- Designs and built components that match
Scope, timeline and cost are agreed per project after we talk, never before.
A good fit for
- New brands that need to look established
- Products whose interface grew one patch at a time
- Launches that need to feel premium
Tools I use for this
- UI/UX design
- Adobe Photoshop
- Design systems
- GSAP
- Tailwind CSS
- Prototyping in code
Related work is linked from the projects as each case study is published.
Let's plan your design project.
Start the brief