Skip to main content
Home

natalia roque portfolio

Hi, I'm Natalia

I'm a Toronto based Front End Developer and Accessibility Specialist with 9+ years of experience building accessible and responsive digital products.

I am passionate about delivering clean, inclusive, and intuitive User Experience, uniquely qualified by a combination of UI Design and UI Development skills

Comfortable working in Digital Media or corporate environments, small/large size.

React Next AI DevelopmentAI prompt engineering refine. customizationReact Next AI DevelopmentAI prompt engineering refine. customization

Skills

notebook

Front End Development

React, Next, Angular, JavaScript (ES6), TypeScript, state management (Context API, Redux, Zustand), React-hook-forms, Adobe Analytics, Cross-browser compatibility

smartphone

Responsive Web Design

HTML5, CSS (Flexbox, Grid, responsive design), Sass, Styled Components, Tailwind, Bootstrap

eye glasses

Accessibility

WCAG 2.x (Level AA/AAA, AODA, Section 508), ARIA, Axe, WAVE, JAWS, NVDA, ZoomText, Color Contrast Checker

Updated May 2025

Recent work

AI
code generation

    I draft, refine, and customize UI code using advanced AI prompt engineering — delivering production-ready, responsive, and accessible interfaces.

Ontario Government digital reminders

Project description A web application that sends automated reminders when a driver’s licence, licence plate, health card, or Ontario photo card is approaching its expiration date.Users receive notifications via: Email, Text message (SMS), Automated phone call

Skills and deliverables

  • Next
  • React
  • Styled Components
  • Accessibility
  • Responsive

AI shopping cart

Project description Shopping cart layout and funcionality build with the help of Claude AI

Skills and deliverables

  • Next
  • React
  • Styled Components
  • Accessibility
  • Responsive

Dashboard

Project description A custom dashboard application for WTW (formerly Willis Towers Watson)

Skills and deliverables

  • Angular 7
  • Sass-Bootstrap
  • Responsive

Layout & Marketing

Project description Clothing store main page

Skills and deliverables

  • Angular 7
  • Sass
  • Responsive

POC

Project description Ontario Gov layout poc - 2020

Skills and deliverables

  • React
  • Styled Components
  • Accessibility
  • Responsive

Design system menu

Project description Menu developed for the Ontario Government Design system library

Skills and deliverables

  • Next
  • React
  • Styled Components
  • Accessibility
  • Responsive