Skip to content →

Home

Heidi bicycling in San Fransisco

I’m Heidi, a UX Engineer based in Auckland, New Zealand.

I design and build accessible, usable, interactive digital experiences for people.

Background

With a background in Web Development, Digital Design, and Art Education I have a range of skills that have led me to become a specialist in UX Engineering. In recent months, you can find me embedded in a client’s team as a consultant on Front End Design and Development best practices, working on an app, advising on Accessibility in UI, investigating ways to improve a site’s performance, building animated banner ads, or tinkering around in Illustrator.

Skills

  • Design Systems
  • Digital Design
  • Rapid Prototyping
  • Advocate for Accessibility & Usability in UI
  • UX Engineering & Consulting
  • Front End Development
  • Semantic HTML
  • Clean, reusable, extendable CSS architecture
  • CMS & ecommerce design, build & client training
  • Building reusable, extendable components
  • Responsive & Mobile-first design
  • Agile Methodology
  • HTML banner ads
  • SEO & Page Optimisation

Selected projects

  • Storybook landing page

    Design Systems

    Maintained client design systems to faciltate best practice regarding Accessibility, design, and Front End development.

    Design Systems Storybook
  • T-shirt design

    T-shirt design

    Designed a t-shirt for a school dance team using dance students imagery and vibrant colours as inspiration.

    Design Adobe Illustrator
  • WCAG Standards

    Client Applications: Accessibility Review

    Conducted a Digital Accessibility Review for a couple client applications, advised how to meet WCAG AA conformance and updated Design System components to meet requirements.

    • Completed Accessibility testing, documented findings and then created Jira tickets to prioritise work.
    • Conducted sessions with team to demo, explain findings, and answer any questions.
    • Updated Design System components to meet WCAG Level AA conformance.
    • Demonstrated Screen Reader and keyboard-only usage of client applications across several development teams.
    Accessibility consulting Design System Storybook
  • Heidi Cone presenting at Meetups

    Introduction to Accessibility in UI Presentations

    Presented on the basics of Accessibility in UI at several meetups, gave recommendations on best practices, answered questions, and provided resources for further implementations.

    Accessibility Presentations
  • Heidi Cone presenting at Clearpoint Tech Talks

    Accessibility in UI Tech Talks

    Presenting at a couple of Clearpoint Tech Talks with a colleague, including the basics of Accessibility in UI and a Screen Reader Workshop.

    Accessibility Presentations
  • ANZ Banker Workbench app Customer Search

    ANZ BWB Design System

    Maintain a Design System for internal banking software. Followed established goverance and utilised cross-team collaboration to keep the Design System useful and meaningful.

    FED Sass Support client dev team Testing Documentation
  • Screenshot of ANZ BWB HTML Prototype

    ANZ BWB Prototype

    Worked alongside UX Researchers and Designers to build rapid prototyping using React for User Testing sessions for internal banking software.

    User Testing FED React Sass MongoDB
  • Screenshot of You Little Beauty banner ad

    You little beauty

    Created animated banner ads for a couple Instant Kiwi campaigns.

    Animation HTML Banner Ad Adobe Animate
  • Screenshot of ANZ Support Band campaign banner ad

    ANZ Support Band Campaign

    Built multiple animated HTML Banner Ads for ANZ's campaign leading up to the Olympics, during the Olympics, leading up to Paralympics, and during the Paralympics. Banner ads built using Adobe Animate.

    Animation HTML Banner Ad Adobe Animate
  • Business brochure

    Business brochure

    Designed a brochure on the importance of SEO for a compony.

    Design Adobe Illustrator
  • Dance team poster

    Dance team poster

    Designed a poster for team trials for a local dance studio.

    Design Adobe Photoshop
  • Screenshot of Polly website homepage

    Polly

    Embedded as consultant for global team on FED and Accessibility best practices.

    Accessibility Consulting FED Consulting Build Hubspot Testing
  • Screenshot of NZ at Venice website

    NZ at Venice

    Website redesign for an Art Exhibit.

    FED Testing Wordpress
  • Screenshot of TBWA NZ's website

    TBWA NZ

    Website redesign for TBWA NZ ad agency.

    FED Tailwind Testing Documentation CMS training for client Craft