
World Data Lab
Website Design / UI/UX

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

A night observation planner that turns local twilight times, Moon conditions and planet positions into an interactive guide to the evening sky.
VesperScope is an independent web application for planning a night of observation. Choose a location and date to explore when darkness begins, where the Moon will be and which planets are above the local horizon.
The interface starts with an evening overview, then connects a timeline, sky view and individual object information. Visitors can use their device location or enter coordinates, with no account required.
The timeline lets visitors move through the evening and following morning, comparing above-horizon windows with the changing light. The sky view provides a visual orientation aid, while positions are also available as text.
Moon information brings together phase, illumination and observing windows. Planet cards connect placement with the selected time. Local timezone labels and next-day indicators help make sessions that cross midnight easier to follow.
Astronomy Engine supplies the astronomical calculations, which run in the browser using the selected coordinates, date and time. The methodology page explains the assumptions behind twilight boundaries, altitude, direction and observing windows.
Calculated placement is a planning aid: actual visibility also depends on weather, light pollution, the local horizon and equipment. Keeping this distinction visible is part of making the information understandable.
A dark interface, restrained lavender accents and clear typographic hierarchy organise the experience around the observing task. Summary cards introduce the evening before visitors explore the more detailed controls.
The portfolio cover uses the supplied application screenshot, showing Rome as the observing location. It is displayed in full inside the shared portfolio frame. Explore the live demo to use the current planner with your own location.
World Data Lab explores a related challenge: making complex information approachable through clear routes and context. F1 Race Lab applies that thinking to motorsport data, while Tonight Movie Finder focuses on choosing one thing to watch.
For the interface principles behind these projects, read the guide to accessible data visualization. My front-end and digital product service connects those design decisions with implementation.

Website Design / UI/UX

Digital Product / Web Application

Website Design / UI/UX
Digital Products · 6 min read
Design clearer data visualizations with meaningful labels, readable comparisons, text alternatives and honest treatment of missing values.
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.
Digital Products · 17 min read
Discover 10 essential digital asset marketplace features, from smart search and licensing to creator profiles, previews and responsive design.
Next project
World Data Lab ↗Have something in mind?