
F1 Race Lab
Digital Product / Web Application

Website Design / UI/UX / Digital Product / Web Application / Front-End Development

An open-data atlas connecting country profiles, global indicators and historical comparisons through a clear, editorial interface.
World Data Lab turns public World Bank data into an approachable exploration experience. Visitors can start with a country, browse an indicator or compare places over time. The aim is to make the route from a question to a useful view of the data easier to follow.
The interface brings together population, economic, health, education, environmental and technology indicators. Each value needs context: its unit, observation year, definition and source matter as much as the number itself.
Country profiles introduce individual economies, while indicator pages provide a broader view of a topic. Comparisons connect those two perspectives so visitors can examine historical trends across countries.
Interactive charts are accompanied by data tables. Missing observations remain gaps rather than being treated as zero, and the interface distinguishes the latest available observation from the date when the source snapshot was retrieved.
The visual direction combines a clear typographic hierarchy with large editorial headlines, restrained colour and distinct routes into the content. Search, country links and indicator navigation offer different starting points without requiring the visitor to understand the underlying dataset first.
The front end uses Astro, semantic HTML, CSS and JavaScript. The live application includes explanations of sources and methodology, making it possible to move from the visual summary to the context behind it.
World Data Lab is a personal design and development project, independent of the World Bank. Explore the live demo to browse the current application.
For another approach to exploring public data, see F1 Race Lab. Tonight Movie Finder applies a more focused discovery flow to film choices. Both connect with my front-end and digital product work and website and interface design.
For the design considerations behind this type of interface, read how to make data visualizations easier to understand, including labels, missing observations and alternatives to a chart.

Digital Product / Web Application

Website Design / UI/UX

Digital Product / Website Design
Digital Products · 6 min read
Design clearer data visualizations with meaningful labels, readable comparisons, text alternatives and honest treatment of missing values.
Digital Products · 17 min read
Discover 10 essential digital asset marketplace features, from smart search and licensing to creator profiles, previews and responsive design.
Digital Products · 6 min read
Design useful empty, error and loading states for web apps. Learn what each message should explain, which action to offer and how to review recovery.
Next project
Tonight Movie Finder ↗Have something in mind?