Skip to content

Frontend Developer

AC

Hi, 👋 I'm Ann-Cathrin, a passionate Frontend Developer with 13 years of commercial experience. I began my career in 2007, earning a Foundation degree in Computer Maths and a BSc (Hons) degree in Web Development with Business.

I'm as excited about improving the Developer Experience (DX) as I am about enhancing User Experience (UX). I love making people's lives easier and I'm always happy to guide internal teams and clients where possible.

Performance, speed and quality are important not just for me but also for the end users. I’m constantly striving to build faster, more efficient sites. Achieving those 100% scores on Google Lighthouse brings me joy, and I believe getting things right the first time ensures a smoother project flow.

  • JavaScript
  • TypeScript
  • React
  • js
  • HTML
  • CSS
  • Tailwind
  • Sanity
  • GitHub
  • Accessibility
  • JavaScript
  • TypeScript
  • React
  • js
  • HTML
  • CSS
  • Tailwind
  • Sanity
  • GitHub
  • Accessibility

Skills

  • Semantic HTML
  • CSS ( Sass, SCSS, Tailwind, CSS Modules, Grid Layout )
  • JavaScript ( Vanilla, React.js, Next.js, TypeScript, REST API )
  • Sanity CMS ( I've completed these Sanity courses )
  • Component Library / Design System ( KSS, Storybook )
  • Error Logging ( Rollbar, Bugsnag )
  • Gulp / webpack / vite / npm scripts
  • Responsive web development ( ♥‍ @containers )
  • Responsive HTML emails
  • Progressive enhancement
  • W3C Standards & Accessibility ( a11y )
  • Usability & UX considerations
  • Cross-browser compatibility
  • Version control ( Git )

Technical

I have strong core skills in writing semantic and accessibility-friendly HTML, modular and modern CSS, often utilising a mix of SCSS and Tailwind. I have experience with various flavours of JavaScript, my favourites being vanilla ES6 and React.js/Next.js. I'm also becoming increasingly proficient with TypeScript.

Soft

I also have four years of experience in team management, which has sharpened my communication, leadership, and collaboration abilities. These soft skills are critical in driving projects forward and fostering a positive team environment.

Experience

I understand that showcasing past clients can be helpful, but it's important to me to respect their privacy. However, I can still discuss some of my past projects to give you a general idea of my work!

I've worked closely with backend developers and creative teams from the conception of projects through to deployment and ongoing support. The projects I've worked on range from marketing to e-commerce, and from CMS-driven sites to web apps.

Have a slide through some of my past projects below:

$ Contract Work
Site type:
CMS-able Brochure
Description:
A sleek and modern website for a cybersecurity startup, incorporating smooth animations to enhance user engagement.
Tech Stack: JAMstack
[ Next.js | React.js | Sanity CMS | SCSS Modules | tailwind CSS | Jotai ]
My role:
Solo Frontend
Team:
  • 1 Frontend Dev (me)
  • 1 Designer
$ Agency Work
Site type:
E-commerce, multi-lingual, multi-brand
Description:
A rebuild of an established brand with a large user base and reported a revenue of £56.2 million in 2024​​​​‌‍​‍​‍‌‍‌​‍‌‍‍‌‌‍‌‌‍‍‌‌‍‍​‍​‍​‍‍​‍​‍‌​‌‍​‌‌‍‍‌‍‍‌‌‌​‌‍‌​‍‍‌‍‍‌‌‍​‍​‍​‍​​‍​‍‌‍‍​‌​‍‌‍‌‌‌‍‌‍​‍​‍​‍‍​‍​‍‌‍‍​‌‌​‌‌​‌​​​‍‍​‍​‍‌‍​‌‍‌‍​‌‍​‌‌‍​‌‍‍​‌‍‌​‌‌​​‍‍​​​​​​​​​​​​‍‌‍​‌‌‍‌​‌‍‌‌‍‍‌‌‍‍​‍‌‍‍‌‌‍‍‌‌​‌‍‌‌‌‍‍‌‌​​‍‌‍‌‌‌‍‌​‌‍‍‌‌‌​​‍‌‍‌‌‍‌‍‌​‌‍‌‌​‌‌​​‌​‍‌‍‌‌‌​‌‍‌‌‌‍‍‌‌​‌‍​‌‌‌​‌‍‍‌‌‍‌‍‍​‍‌‍‍‌‌‍‌​​‌​‌‌‍​‍​‌​‍‌​‌‍​​‌​‌​​‌​‍‌​‌​‌‍​‍​‌‍‌‍​‍​‍‌​‌​​​​​​​​‌​‍‌‌‍​‌​‍​‌‍‌‌​​‍​‍‌​‌‌‌‍​​​​‌​​‌​​‌​‌‍‌‍​​​‌‍​‌‌‍​​‌‍​​‌​‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‍‌‍​‌‍‌‍​‌‍‍‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‍‌‍​​​‍‌‍​‍​‍​​‍‌‌‍‌‍‌‍​‌‌‍‌‍​​‌‌‍‌‌‌‍​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍​‌‌​‍‌‍‌​‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​‌​‌‍​​‌‌‍‌‍​‍​‌‍‌‌‌‍‌‍‌‍​‌‍​‍​​‍‌‍‌‍​‌‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍‌​‌‍‌‌‌‌​‌‍​‌‌‍‍‌‌‍​‌​​‌‍​‍‌‍​‌‌​‌‍‌‌‌‌‌‌‌​‍‌‍​​‌‌‍‍​‌‌​‌‌​‌​​​‍‌‌​​‌​​‌​‍‌‌​​‍‌​‌‍​‍‌‌​​‍‌​‌‍‌‍​‌‍‌‍​‌‍​‌‌‍​‌‍‍​‌‍‌​‌‌​​‍‌‌​​‌​​‌​​​​​​​​​​​​‍‌‌​​‍‌​‌‍‌‍​‌‌‍‌​‌‍‌‌‍‍‌‌‍‍​‍‌‍‌‍‍‌‌‍‌​​‌​‌‌‍​‍​‌​‍‌​‌‍​​‌​‌​​‌​‍‌​‌​‌‍​‍​‌‍‌‍​‍​‍‌​‌​​​​​​​​‌​‍‌‌‍​‌​‍​‌‍‌‌​​‍​‍‌​‌‌‌‍​​​​‌​​‌​​‌​‌‍‌‍​​​‌‍​‌‌‍​​‌‍​​‌​‍‌‍‌‌​‌‍‌‌​​‌‍‌‌​‌‌​​‌‍​‌‌‍‌‌‍‌‌​‍‌‍‌​​‌‍​‌‌‌​‌‍‍​​‌‌‍​‍‌‍​‌‍‌‍​‌‍‍‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍‌‍​‍‌‍​​​‍‌‍​‍​‍​​‍‌‌‍‌‍‌‍​‌‌‍‌‍​​‌‌‍‌‌‌‍​​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍​‌‍​‌‌​‍‌‍‌​‌​​‍‌‌​‌‌‌​​‍‌‌‌‍‍‌‍‌‌‌‍‌​‍‌‌​​‌​‌​​‍‌‌​​‌​‌​​‍‌‌​​‍​​‍​‌​‌‍​​‌‌‍‌‍​‍​‌‍‌‌‌‍‌‍‌‍​‌‍​‍​​‍‌‍‌‍​‌‍​‍‌‌​​‍​​‍​‍‌‌​‌‌‌​‌​​‍‍‌‍‌​‌‍‌‌‌‌​‌‍​‌‌‍‍‌‌‍​‌​​‍​‍‌‌
Tech Stack: LAMP
[ Vanilla JavaScript | SCSS | PHP ]
My role:
Lead Frontend
Team:
  • 1 Frontend Dev (me)
  • 5 Backend Devs
  • 1 UX
  • 2 Designers
$ Consultancy Work
Site type:
CMS-able brochure
Description:
Provided guidance and templates for developers new to Jamstack, helping them quickly get up to speed under a tight deadline.
Tech Stack: JAMstack
[ Sanity CMS | React.js | Next.js | Tailwind | CSS Modules ]
My role:
Consulting
Team:
  • 4 Frontend Devs
  • 1 UX
  • 1 Designer
$ Agency Work
Site type:
API Driven Web app
Description:
Login and account management features with a multi-step checkout form, leveraging Recoil for extensive state management across sessions and local storage.
Tech Stack: JAMstack
[ React.js | Next.js | SCSS Modules | Recoil | Storybook ]
My role:
Lead Frontend
Team:
  • 4 Frontend Devs
  • 2 Backend Devs
  • 1 UX
  • 1 Designer
$ Agency Work
Site type:
API Driven Web app
Description:
API driven, map interface, multi-step form, and checkout process.
Tech Stack: JAMstack
[ React.js | Next.js | TypeScript | Leaflet | SCSS | Recoil ]
My role:
Supporting Frontend
Team:
  • 2 Frontend Devs
  • 1 Designer
  • 1 UX
  • 1 Backend Dev
$ Contract Work
Site type:
E-commerce
Description:
Well-established project with legacy code base to upgrade and support
Tech Stack: JAMstack
[ React.js | jQuery | CSS | Umbraco Heartcore ]
My role:
Supporting Frontend
Team:
  • 3 Frontend Devs
  • 1 Designer
  • 1 Backend Dev
$ Agency Work
Site type:
CMS-able Directory
Description:
Directory listing powered by a custom API, enabling efficient retrieval and display of dynamic content
Tech Stack: LAMP
[ SCSS | Vanilla JavaScript | PHP ]
My role:
Lead Frontend
Team:
  • 2 Frontend Devs
  • 3 Backend Devs
  • 1 UX
  • 1 Design

This portfolio site has been built using Next.js and Sanity, which you can explore on my GitHub. I'm sure it will forever be my favourite work in progress, as technology evolves rapidly and there's always something new and exciting to explore.


I love a good challenge or tackling a tricky bug, so feel free to contact me!