Frontend Developer
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.
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:
- 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 ✓
- 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 ✓
- 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 ✓
- 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 ✓
- 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 ✓
- 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 ✓
- 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!