Frontend Developer
Hi, 👋 My name is Ann-Cathrin, I'm 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 have strong core skills in writing semantic and accessibility-friendly HTML, as well as modular and modern CSS, utilising a mix of SCSS and Tailwind. I have experience with various flavours of JavaScript, with my favourites being vanilla ES6 and React.js/Next.js. I'm also becoming increasingly proficient with TypeScript every day.
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.
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.
I'm as passionate about improving the Developer Experience (DX) as I am about enhancing the User Experience (UX) of the sites we build. I'm always happy to provide guidance to internal teams as well as clients.
Performance is crucial not just to me but to users as well, so I'm always striving to build the fastest sites possible. Achieving those 100% scores on Lighthouse is what truly brings me joy.
I believe getting things right the first time makes for a faster project flow and therefore try hard to give the QA team few bugs to report.
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!
Skills
Here is a little list of some of the things I have experience with:
- Semantic HTML
- CSS (Sass / SCSS / Grid Layout / Tailwind )
- JavaScript ( Vanilla / React.js / Next.js / TypeScript )
- Sanity CMS - I built this site with Sanity ♥ you can see how on github and which courses I've completed so far
- Storybook
- 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)
Work
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!
- 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 ✓