The Challenge

Urban cyclists face random hazards, navigation difficulties, and safety concerns when riding in cities. SafeCycle was designed to:

Track cyclists’ progress in real-time.
Provide hazard alerts for safer navigation.
Offer cycling-friendly routes with integrated mapping.

Our Goal

Our mission was to create a safety-focused mapping app for cyclists and pedestrians by integrating real-time tracking, hazard detection, and navigation features.

As the UI/UX Designer & Developer, I worked on both designing and coding the application, bridging the gap between user experience and functionality.

My Role

I played a crucial role in designing, coding, and problem-solving throughout the project.

UI/UX Design & Branding

Designed a cohesive brand identity, style guide, and UI components for a clean, intuitive experience.

Wireframing & Prototyping

Created low/high-fidelity Figma prototypes, refining based on user feedback.

Front-End Development

Developed app functionalities using JavaScript, translating designs into responsive code.

API Integration

Integrated Google Maps API for real-time navigation and cyclist tracking.

Figma Link

The Impact

I got to learn how to adapt UI/UX designs to real-world development constraints and timelines.
Gained hands-on experience in APIs, animations, and debugging complex issues.
The final product was mostly static, as the API couldn’t fully support our intended features.

SafeCycle App Demo