Urban Run

UX / UI; HTML & CSS

The Goal

To help runners find new routes that match their pace, preferences, and lifestyle.

The Concept

Find your route. Own your run.

Urban Run is a web-based MVP designed to generate personalized running routes based on user-inputted criteria like distance and elevation difficulty. The project goal was to create a simple, functional experience that allows runners to discover fresh paths starting from their current location. This prototype was built using HTML, CSS, and JavaScript.

As part of the project assignment, it was required to use AI to support the development process. AI tools were used specifically for coding assistance, idea refinement, and problem-solving—not as a shortcut, but as a collaborative resource to explore modern workflows and enhance the build. This integration was key to understanding how AI can complement creative development while still keeping me hands-on with the project execution.

What I Did

Branding

Ideal State Mockup

HTML & CSS

AI Integration

HTML / CSS Functionality

Previous
Previous

Independent Graphics

Next
Next

Oates Heating & Air