Back to Projects

Leading Light – Startup UX from Concept to Prototype

Led UX and front-end development for a safety-focused navigation prototype that prioritized emotional design, community reporting, and lean development under startup constraints.

Leading Light app prototype screens

Project Details

Tags

UX Research Product Design Startup React Lean UX Prototyping

Challenge

Navigation apps optimise for time. They will route you down the fastest street at 11pm without any notion that the street is a factor in how the walk feels. For a lot of people — women, students, night commuters — that gap gets filled informally: texting a friend on arrival, taking the longer lit route, sharing a location before setting off.

Those habits are a product requirement that nobody had built. The question was whether safety could be the routing criterion rather than a badge bolted onto a map, with no funding, no proprietary data, and a team that had to build what it designed.

Solution

Lean UX, starting with more than ten interviews with urban pedestrians about how they actually decide a route — not what they would rank in a survey, but what they did last Thursday night.

Journey mapping turned that into a three-phase model, and the model became the product's structure.

01 — PREPARE Safer route options Danger zones shown as soft glowing overlays 02 — NAVIGATE One-tap emergency message to preselected contacts 03 — RECOVER Icon-based reporting Low interaction load, because stress is the state
The model that came out of journey mapping. Every feature had to belong to a phase; anything that did not was a feature we were adding because it sounded good.

Designs iterated from paper prototypes through wireframes to a mobile-first Figma interface, each round tested and revised. As the sole front-end developer, I built the working prototype in HTML, CSS, JavaScript, and React.

Decisions Worth Defending

Outcome

The prototype tested well and drew interest from campus safety advocates and local safety groups. It never shipped, for three reasons worth stating plainly:

10+Interviews with urban pedestrians about real routing decisions
3Journey phases, used as the scoping filter for every feature
1Front-end developer — design and build were the same person

I keep this one in the portfolio precisely because it did not ship. It is the clearest example I have of full-cycle work — research, model, design, build — and of the more useful lesson, which is that a validated user need is not the same thing as a viable product. The interviews were right. The emotional model was right. Neither of those things solves a cold start or conjures data that nobody collects.