// product_designer → builder

DESIGNING PRODUCTS. LEARNING TO BUILD THEM TOO.

Senior designer. Emerging builder.

view_work code_lab
10+ years of experience
5+ products shipped
4+ companies shaped
1 obsession: great craft
// about_me

FROM
DESIGN
/ TO CODE

I'm a product designer, I love problem solving. Ten years in, I still get that buzz when a confusing flow suddenly clicks into place.

I've worked across fintech, SaaS, and eCommerce. The industries shift; the work stays consistent: understand what people genuinely need, then design something that serves them and makes sense for the business.

I've led design systems that went from 600 scattered code references to one source of truth, shipped an award-winning pension risk tool that made finance feel more human, and helped teams learn to trust the process — not just the designer.

I started as a printmaker. Then I studied web development. I spent a decade designing interfaces — and somewhere in there I realised I wanted to build them too. So now I am. Slowly, publicly, one repo at a time.

// skills

Product Design EXPERT
Design Systems EXPERT
UX Research & Strategy EXPERT
Service Design EXPERT
Accessibility EXPERT
Figma & Prototyping EXPERT
HTML & CSS LEARNING
JavaScript LEARNING
Motion Design LEARNING
// selected_work

SELECTED WORK

Farm Timeline — product interface on desk display
AgriTech  ·  SaaS  ·  Lead UX Designer

Farm Timeline

Farmers were tracking ration changes and health events on paper — calendars, notebooks, memory. It worked until it didn't. We built a digital timeline that connected those events to real farm metrics, so they could finally see what was working and what wasn't. 15+ user interviews. Field studies on US farms. Two rounds of prototype testing with real data before anything shipped.

80% adoption in 6 months
30% free-to-paid conversion lift
2–3 hrs saved per user, per week
“I can't overstate the value of the Farm Timeline, it has been huge.” — Wyatt, Feed Advisor
UX Research Data Visualisation AgriTech Mobile Prototyping
read case study →
Label Editor — visual WYSIWYG label editing interface
eCommerce  ·  Retail POS  ·  Product Designer

Label Editor

Merchants were editing product labels through raw code. Half of all support tickets were about label layouts. We built them a visual WYSIWYG editor — live preview, drag-and-drop, no code required.

50% fewer support tickets
“Questions about label support now have a simple answer instead of lengthy explanations.” — Hudson, Escalation Team, Lightspeed
Product Design Figma eCommerce Retail
read case study →
Scaling Up at Zivver — journey mapping workshop
Design Systems  ·  Scale-up  ·  Senior UX Designer

Scaling Up at Zivver

Zivver was scaling fast — no shared design language, no research budget, no process. I came in to build the foundation: user research practices, journey maps, alignment personas, and the SILK design system. Not just components — the culture around them.

600+ references → 1 source of truth
6 hrs → 2 min colour change time
Design Systems Accessibility Strategy Scale-up
read case study →
// code_lab

CODE LAB

This is where the learning happens in public. Every project here is a Frontend Mentor challenge or a self-directed build — HTML, CSS, a bit of JavaScript. Not production. Not polished. Just a designer figuring out how the thing actually works.

github.com/GimeVerdant/meet-landing LIVE

meet-landing

Landing page layout challenge. Responsive grid, custom typography pairing, component structure from scratch.

HTML CSS
view on github →
github.com/GimeVerdant/newsletter_signup LIVE

newsletter-signup

Sign-up form with active validation states. Focus on error handling and accessible form patterns.

HTML CSS
view on github →
github.com/GimeVerdant/article-preview-component LIVE

article-preview

Interactive component with a JS-powered share toggle. First project with meaningful JavaScript behaviour.

HTML CSS JS
view on github →
github.com/GimeVerdant/blog_preview_card LIVE

blog-preview-card

Card component focused on typography hierarchy, spacing rhythm, and design-to-code translation from Figma.

HTML CSS
view on github →
github.com/GimeVerdant/testimonials LIVE

testimonials

Masonry-style testimonial grid. Practising CSS Grid, asymmetric layouts, and responsive behaviour.

HTML CSS
view on github →
github.com/GimeVerdant/product-preview-card LIVE

product-preview-card

Responsive product card with image swap at breakpoint. Focused on art direction and layout precision.

HTML CSS
view on github →
see everything I'm building →
// get_in_touch

LET'S BUILD
SOMETHING
REAL.

No pitch decks required.
Just good work and honest conversation.

say_hello github