System Design and Implementation

Prototype Overview

The ClimbQuest prototype is a mobile-first web application designed for use inside climbing gyms. It focuses on simplicity, fast navigation, and clear visual feedback so that users can access information quickly before, during, and after climbing attempts.

Feature 1: Route Quest

Users receive suggested route challenges based on their level and goals. The system helps transform route selection into a structured journey.

Feature 2: Progress Dashboard

A dashboard displays completed challenges, earned badges, and climbing streaks to encourage consistency and growth.

Feature 3: Feedback Cards

Coaches can provide short comments linked to attempts, helping users reflect on specific skills and next-step improvements.

System Architecture

The interface is structured into three core modules: route guidance, progress tracking, and coaching feedback. These modules are connected through a unified user profile and session-based interaction flow.

Architecture Diagram: Add your image here

Technology Stack

Frontend: HTML, CSS, JavaScript

Design: Figma

Hosting: GitHub Pages / deployment link

Repository: Add your GitHub repo link here

High-Fidelity Prototype / Live System

Our high-fidelity prototype refined the visual hierarchy, clarified the challenge flow, and improved the visibility of progress feedback. The final system is designed to be responsive and easy to use on mobile devices.

Live Link: Add your deployed system link here

Figma Link: Add your high-fi Figma link here