PepsiCo

Developed a visual query builder for the marketing team to select market segments and generate reports.
Created interactive data visualizations for reports of market segments.
Built an analytics dashboard showing various metrics of the effectiveness of different AI data models.

Full-stack Developer

Arizona State University

Added new interactions to the Course Designer tool, allowing teachers to create and preview new learning content.
Created the Teacher Experience for teachers to view students' scores and responses to interactions during online courses.
Implemented form validation and sanitation for any user inputs.

Front-end Engineer

The Economist

Created a complex custom and responsive grid for a unique and adaptable page layout.
Built custom transitions to animate pages in a unique way.
Degraded substitute transition for older browsers.
Implemented Google Tag Manager for the marketing team to track users' actions.
Separated content into markdown files and animation/transition specs and positioned them into JSON files.

UI Developer

FilmDoo

Developed the Node.js scraping and analysis API to recommend films and other content based on a language level.
Implemented observable design patterns using Socket.IO for dual-screen functionality.
Created mobile application prototypes using React Native.
Customized the Strapi CMS to add functionality for observables and set up daily cron jobs to mirror an existing database.
Kept the site architecture clean, making it easy for outsourced developers to get up to speed and quickly add value to the codebase.
Established a CI/CD pipeline with testing and automatic deployments from GitHub branches.

Tech Lead

Oracle

Liaised directly with the data science team to understand the data better and create unique D3.js data visualization.
Created a custom browser extension for stubbing and integration testing across environments.
Built custom user interfaces using Oracle JavaScript Enterprise Toolkit (JET).
Wrote unit tests and maintained code coverage across the whole project.
Participated in and administered code reviews to maintain high coding standards.
Worked in an agile cross-functional engineering team.

Principal Application Engineer

Jive Software

Consulted multiple multinational organizations, identifying each customer's unique needs, proposed design solutions, and customized their Jive instance.
Mended or created templates and components built with Google Closure or Soy templates.
Identified customer needs, then proposed and presented custom design solutions.

User Interface (UI) Consultant

Chartered Institute of Marketing (CIM)

Designed and built multiple microsites for one-off events.
Created a complete design system of reusable components.
Consulted directly with a leading brand agency for an international rebrand.
Managed the complete creative team while rebranding the whole institution.

Senior Design Manager

Hitachi Data Systems

Rearchitected an internal project management tool using a model–view–controller (MVC) framework.
Interviewed and observed users to help understand user flows and recreate the user experience.
Worked directly in the project management team, ensuring the application was useful for both engineers and project management.
Utilized multiple jQuery extensions to keep the codebase simple and easy to maintain.

User Interface (UI) Designer and Developer

UI Development

Steeleye

I worked on a React SPA that allows customers to view, analyse and assemble their financial data for regulatory purposes. I architected the front-end from scratch, working to tight deadlines. I created a configuration-driven approach to rendering the tables, summary views, detail views and forms, which sped up development of the app. I used D3 to create various charts. I wrote many Elasticsearch queries and aggregations.

MVP Web app

Ocula Technologies

I assisted an eCommerce analytics start-up in creating their React Web application. I advised on library choice and app architecture, and encouraged a lean approach to development. I implemented a variety of features, including data visualisations, and I integrated Auth0. I used React Testing Library to write unit and integration tests, and Playwright for the end-to-end tests. I worked from Figma designs to create various UI components.

Ticket sales dashboard

Web development

Platern

Built a private-by-design data sharing protocol and set of libraries.

Founder

Self

Data visualisations and thought experiments.

Observable projects

Technical product management, web development, technical writing

Hubble

As part of an external team of developers brought in to help Hubble's in-house developers, I developed a whole new booking journey in collaboration with Hubble's product and design team. The front-end used NextJS with SSR, Emotion for styling, and React Testing Library for unit testing. The contract was extending a few times and ended up lasting almost 6 months.

Improvements to booking flow

Genuit

Created a responsive microsite for Genuit's annual review 2022, including carousels and download functionality. The site was built using Gatsby and Tailwind CSS. 

Annual Review microsite

IPG Dxtra

Developed a website for the newly re-branded IPG Dxtra group, as part of a team of 2. Used Gatsby, styled-components, and Prismic headless CMS.

Expert, freelance D3.js engineers