# Lloyd Richards

Design engineer turning complex data and product workflows into clear React interfaces.

[lloydrichards.dev](https://lloydrichards.dev) · [lloyd.d.richards@gmail.com](mailto:lloyd.d.richards@gmail.com) · [+41 77 97 30 938](tel:+41779730938) · [github.com/lloydrichards](https://github.com/lloydrichards)

## Executive Summary

Design engineer with 6+ years building data-rich web products. I turn supplied key screens into responsive, accessible flows by defining how components behave between breakpoints and advocating for mobile-first choices. I build React and TypeScript component systems that stay consistent across products.

- Defined responsive behavior between key screens and checked interface decisions against WCAG requirements
- Built the OECD Competitiveness Data Hub, then developed a shared, themeable component system for a second policy platform
- Built charts with semantic HTML tables and D3 SVG, plus shared UI components, for Switzerland's Cancer Monitoring Dashboard

## Technical Skills

Interaction Design, Responsive Design, Accessibility (WCAG), Design Systems, TypeScript, React, Next.js, D3.js, Storybook, Figma, Tailwind, Node.js

## Experience

### Interactive Things - Professional Interaction Engineer

_Feb 2023 - Present_

Build interactive data products for public-sector and enterprise clients, working across frontend architecture, data, and UI with designers and researchers.

- Sole developer on the 1100+ page OECD Competitiveness Outlook Data Hub, recognized by the Swiss Viz Awards and German Design Award
- Defined responsive component behavior between supplied key screens, advocated for mobile-first layouts, and checked decisions against WCAG requirements
- Built a shared, themeable component library used across three OECD applications; advocated for design tokens and lint rules to keep overrides intentional
- Developed semantic-table-backed D3 charts for Switzerland's Cancer Monitoring Dashboard and mentored an intern through pairing and code review

### Vatorex AG. - Data Visualization Specialist

_Apr 2021 - Jan 2023_

Owned design and development of digital products for an IoT beekeeping platform serving 500 users and 10,000 connected hives.

- Built a cross-platform Flutter app to replace separate Swift and Kotlin apps, reducing feature delivery time from months to weeks
- Designed dashboards for beekeepers and internal research teams using daily sensor data
- Mentored a mobile developer while iterating on the app's UI and backend

### Vatorex AG. - Data Visualization Intern

_Oct 2020 - Mar 2021_

First design-focused hire. Audited the web, Swift, and Kotlin apps and created the company's first design system to bring their UI patterns together. Worked with developers to implement consistent components.

### Interactive Things - Data Visualization Intern

_Jan 2020 - Jul 2020_

Prototyped data interactions and developed visualizations for client-facing dashboards in collaboration with designers and engineers.

### Lloyd Richards Design - Regenerative Garden Designer

_Apr 2016 - Oct 2018_

Ran an independent ecological design practice. Managed 26 projects from client brief through design and construction, and created visual plans to explain multi-year work to clients.

## Key Projects

- **[Competitiveness Outlook Data Hub](https://lloydrichards.dev/projects/2401-competitiveness-outlook-data-hub)** (2024)
  Built an interactive policy data hub with responsive D3 visualizations and an interface spanning 1100+ pages.
- **[SME Policy Index](https://lloydrichards.dev/projects/2601-sme-policy-index)** (2026)
  Extended the OECD interface into a second platform through semantic design tokens and shared components while preserving the first application.
- **[Cancer Monitoring Dashboard](https://lloydrichards.dev/projects/2402-cancer-monitoring-dashboard)** (2024)
  Built semantic-table-backed D3 charts for public health data, balancing dense information with accessible navigation.
- **[Outlier Micro Frontend](https://lloydrichards.dev/projects/2400-outlier-micro-frontend)** (2024)
  Built a local-time conference schedule and a submission and approval flow for attendee-led sessions.

## Education

- **Master of Architecture, Environmental Design (1 year),** University of Calgary (Sep 2012 - Apr 2013)
- **Bachelor of Arts (Multidisciplinary),** University of Calgary (Sep 2006 - Apr 2011)

## Community & Volunteering

- **Organizer,** Data Visualization Zurich MeetUp (Oct 2023 - Present)
- **Events Committee Member (2024),** Outlier Conference (Feb 2024 - Aug 2024)