Front End Developer

Turning designs into pixel‑perfect, responsive and accessible user interfaces.

See my work Get in touch

Prologue · Hi, I'm Gemma

Designer turned developer.

I'm a front end developer based in Vancouver with over a decade of experience turning designs into fast, accessible websites. I started out designing and building sites for a startup agency, so I understand both sides of the handoff. Today I work with agencies, in-house teams and businesses of every size, building interfaces that look right, work everywhere and are easy to maintain.

Chapter I · Who I am

The essentials about me.

Based in
Vancouver

Canada

Open to
Remote

or on-site in Vancouver

Education
Honours Degree

Multimedia Technology with Web Development

Experience
14 years

Agencies, in-house and freelance, for small to large businesses

Chapter II · My Work

What I have created.

See the results of my workflow and design systems.

Case studies

Chapter III · What I offer

Design, build and deliver.

I design and build responsive websites, email campaigns (EDMs), CMS builds and API-driven components. You get clean, accessible front-end code in semantic HTML, modular SCSS and vanilla JavaScript, tested across browsers and devices and easy for your team to maintain.

Chapter IV · What I work with

Tools I use.

  • Grunt
  • webpack
  • Node.js
  • npm
  • VS Code
  • GitHub
  • MAMP
  • Notion
  • Jira
  • WordPress
  • Figma
  • Sass
  • Vite
  • HTML
  • JavaScript
  • Claude

Chapter V · My Systems Thinking

Scalability mindset.

Every decision I make considers the project as a whole from multiple perspectives. Responsive across all devices, accessible to all users and cross-browser compatible. All while thinking about future proofing.

The Nueva Gold website shown on an iMac, a MacBook, an iPad and an iPhone

Chapter VI · Clients

Brands that trust me.

  • Bovada
  • Bodog
  • Slots.lv
  • Ignition Casino
  • MatchPay
  • ThunderPick
  • Cafe Casino
  • Nando's
  • Kathmandu
  • Ford
  • Nissan
  • Sainsbury's Bank
  • Rent Estate
  • Nueva Gold
  • Fraser Valley
  • LNDMRK

Chapter VII · My Craft

From pixels to production.

I started out as a web designer and developer for a startup agency. I worked in several capacities like; talking to clients, planning, designing, developing and testing. Then I specialized in Front End Web Development for bigger clients.

Chapter VIII · My Process

From idea to launch.

  1. 01 Conceptualize
  2. 02 Design
  3. 03 Plan
  4. 04 Develop
  5. 05 Test
  6. 06 Review
  7. 07 Ship

Who you get is someone with an understanding of the full project lifecycle.

Gemma Gentles smiling in a denim jacket by a lake

Project manager

Sees the project as a whole, communicates every stage clearly, and documents it so anyone can pick it up.

Jira · kanban board

UX researcher

Gets to know your audience, then turns that into wireframes and clear acceptance criteria.

Optimizely · A/B Test

Designer

Fluent in Figma, Photoshop and Sketch, with a real eye for typography and colour.

Figma · design file

Front-end developer

Scalable, responsive code that follows accessibility standards from day one.

VS Code · editor

Back-end developer

Connects the front end to a full CMS and APIs — and knows where the common bugs hide.

GraphQL · API CMS

QA tester

Tests across every device, screen size and browser until it’s muscle memory.

BrowserStack · A11y

DevOps

Sets up version control, build pipelines and hosting, so every release is repeatable, safe and easy to roll back.

Git · CI/CD · hosting

Chapter IX · Why it matters

My key engineering values.

  1. Build to scale

    Using version control, documentation, naming conventions, variables and reusable components. The site can grow with your business and the development team, futureproofing your build.

  2. Test for all

    The target user audience is considered in depth when making final decisions. But accessibility standards, cross-browser compatibility and AI agents experience must be considered.

  3. Document Workflows

    Acceptance criteria, comments, README, changelog, pull requests, live design systems and live documentation. A source of all truth to reduce friction, either between teams or your future development.

Like what you see?

Let's build
something together.

Get in touch