Peaks - Hero Image

Peaks

Portfolio

Peaks

Selected work where I designed the interface, built the system, and helped teams ship useful products across media and tech.

AI Search for Editorial Archives — I designed and built an AI-powered semantic search experience on top of Drupal, Solr, and LLM-assisted retrieval. The work combined search UX, ranking behaviour, rating flows, and zero-result recovery into a product editors could keep improving after launch.

Drupal Solr LLM UX Search UX Iteration

Interactive Storytelling Framework — I owned and shipped a reusable storytelling system for investigations and longform features, first in Next.js and then in SvelteKit. It gave teams a faster way to launch polished stories with strong typography, responsive behaviour, performance, and interaction details built in.

SvelteKit Next.js Frontend Systems Interaction Design

Israel Aid Killings Dashboard — I designed and built the interactive database and timeline experience for a year-long open-source investigation into attacks on aid seekers in Gaza. The product turns nearly 200 documented incidents into a searchable, legible evidence base for reporters, researchers, and legal follow-up.

SvelteKit TypeScript Datavis

WhatsApp, Lebanon? — I designed and built the full experience for an explainer on how WhatsApp became essential infrastructure during Lebanon’s economic collapse. The piece balanced narrative flow, interaction pacing, and responsive performance inside a custom storytelling codebase.

Next.js React Interactive Storytelling

Lebanon Displacement Diaries — I designed and built a reading experience that combines first-person accounts of displacement with lightweight data visualisation. The goal was to keep the interface calm and readable while still surfacing patterns across individual experiences.

SvelteKit Datavis Storyblok

Yemen Listening Project — A story series sharing the lived experiences of people in Yemen’s protracted conflict. Built to prioritise voices often missing from mainstream coverage, using thoughtful interaction design to support deep reading.

SvelteKit UX Design Micro CMS

Migration Routes on the Mediterranean Sea — An interactive map tracing migrant journeys and their challenges. Visualising complex movement patterns while maintaining focus on human stories behind the data.

SvelteKit Interactive Maps Datavis Gamification

More Projects

TrainHub.co.za — A side project I’m building to make Cape Town’s trains easier to use. It simplifies Metrorail timetables, lines, and cross-line connections so people can search any two stations and move through the city with less friction.

Side Project Public Transport Cape Town Accessibility

Art in a Time of Crisis – Drawing Derna — A visual story using illustration and interaction to explore the human impact of the Derna floods. I built the interactive experience in close collaboration with editors and artists.

Gatsby JS Interactive Design

Bangladesh’s Hidden Climate Crisis — Interactive story on climate displacement in Bangladesh. I handled data visualisation, frontend engineering, and UX, turning complex reporting into an accessible experience that won a Covering Climate Now Journalism Award.

React Datavis D3.js

How Coronavirus Hit Aden – A Yemeni Doctor’s Diary — Built an immersive storytelling piece combining text, imagery, and interaction. The project won the One World Media Coronavirus Reporting Award (2020).

Drupal Paragraphs Web Components

VBZ Delays (Tages-Anzeiger) — Early interactive data story visualising public transport delays in Zurich. This project helped the team win a European Newspaper Award.

D3.js Data Journalism

Bolt’s Olympic Gold Sprint (Tages-Anzeiger) — A playful but technically demanding sprint visualisation that also received a European Newspaper Award.

D3.js Animation Datavis

Collaborate

Interested in discussing work opportunities? Get in touch.

Download my CV (PDF) for detailed experience and technical skills.

Loading security verification...

Made with in Muizenberg