Frontend Engineer and Designer
About
I started as a designer and became a frontend engineer.
From 2012 to 2018, I built responsive websites from concept to delivery, leading UI and visual design directly with clients. In 2019, I moved into frontend engineering. Since then, I have built production React, Next.js, and TypeScript products with designers, back-end developers, and product and business teams.
That background shapes how I work: I care about how an interface reads on the surface, and about the rules, states, and tests underneath it.
Experience
Six-plus years of frontend engineering, built on six years of design and web work before that.
September 2024 – May 2026
Frontend Engineer, Karbon-X
Built production React, Next.js, and TypeScript across customer products, authenticated portals, dashboards, admin tools, and marketing experiences, including a shared component system.
April 2019 – November 2023
Front-End Web Developer, Novus Tech Group
Built React, JavaScript, and TypeScript applications for client-facing and internal business products, translating UX concepts with designers and back-end developers.
October 2012 – September 2018
Design foundation
Graphic/Web Designer and Developer, Artistic Impressions
Designed and developed responsive websites from concept to delivery, leading UI and visual design directly with clients.
How I work
Four habits. The B2B chapter is linked. The Karbon-X chapters will be linked when that case study is published.
Learn the domain before modelling the form
I map the rules with domain specialists first, so conditional fields follow real reporting scenarios instead of guesses.
See the calculator's rule branchesName every state, especially around money
Loading, empty, error, retry, and success are designed states, so a payment never ends on a dead page.
Customer and Sales portal, coming soon
Build for the people who operate the product
Internal users are users too. Marketing got an admin whose fields reach the public article and its metadata.
Marketing publishing, coming soon
Propose it, then prove it
When I spot a gap, I propose a solution, design it, build it, and cover it with tests before calling it done.
Guided discovery, coming soon
Areas of expertise
Product and transactional interfaces
Customer sites, authenticated portals, account flows, cart, and Stripe checkout, with every state designed.
Seen in Karbon-X
Domain-heavy forms and state
Conditional, multi-step forms with React Hook Form and Zod, and state in Zustand and TanStack Query, shaped into stable API payloads.
Seen in B2B Emissions Calculator
Design systems and Figma-to-code
Shared components built with Radix UI, Tailwind CSS, CVA, and design tokens, translated from Figma with product designers.
Seen in Karbon-X and this portfolio
Content operations
Admin editing for Blog, News, and Press Releases, connected to the public article and its metadata.
Seen in Karbon-X
Testing and quality
Vitest and React Testing Library for rules and components, Playwright for end-to-end journeys, and accessibility checks with axe.
Seen in B2B Emissions Calculator, Karbon-X quiz, and Dayflow
Contact
Email is the direct way to reach me. LinkedIn and GitHub are here too.