Bike computer UI and App UI

Bike computer UI and App UI

Bike computer UI and App UI

Upwork

Upwork

Remote

9 hours ago

No application

About

Scope of Work The Designer shall provide UI/UX design services for bicycle safety computer project, specifically:. Prepare a comparative study report (~10–15 pages) summarizing layouts, interaction flows, visual priorities, and strengths/weaknesses of existing products. Based on the approved report, design head unit screens (navigation, speed, radar alerts, light control, video recording indicators, settings). Design companion mobile app screens (device pairing, light control, video library, OTA updates, alert history). Deliver designs in Figma with a reusable component library, typography system, and icons. Provide interactive prototypes of major flows (recording, alerts, pairing). Deliverables & Milestones M1: Comparative study report (with references to Appendix A material). M2: Low-fidelity wireframes. M3: High-fidelity head unit screens in Figma. M4: High-fidelity mobile app screens in Figma. M5: Interactive prototypes + handover (style guide, design system). https://www8.garmin.com/manuals/webhelp/GUID-08ACA9FC-DEE6-4C8D-8A95-F62181C512E9/EN-US/Edge_1050_OM_EN-US.pdf https://support.wahoofitness.com/hc/en-us/articles/22710520079250-Ready-to-Ride-dashboard-for-ELEMNT-ACE https://www.hammerhead.io/collections/best-sellers/products/karoo https://cycliq.com/products/fly12-sport Basic overview of screens required: A. Head Unit (Handlebar Display – 5–5.5″ Outdoor Touchscreen) 1. Home / Ride Dashboard Live speed (large, center) Distance, time, average speed Battery % (compute + lights + radar) Light mode indicator (On/Off/Auto) Recording status (front/rear icons with REC) Radar alert overlay (colored bar + approaching object symbol) 2. Radar Alert Overlay (in-ride) Live rear radar visualization (similar to Garmin’s “dots”) Object classification icon (car, bus, cyclist) Distance scale (0–150 m) Color-coded urgency (green/orange/red) 3. Video Preview / Status Thumbnail or live preview of front/rear camera Recording toggle (start/stop) Storage status (XX GB free, XX hrs remaining) 4. Light Control Screen Front & rear light toggle Brightness/mode options: Off / Steady / Flash / Auto Battery % for each light 5. Navigation Screen Map view (basic turn-by-turn, simplified for POC) Current route, distance to next turn Speed + ETA 6. Settings Menu General: Date/Time, Units (km/mi), Language Display: Brightness, Sleep timeout Connectivity: BLE, Wi-Fi toggle, Device Pairing Sensors: Radar calibration, GPS on/off Recording: Resolution, Loop length, Storage cleanup 7. System Status / Diagnostics CPU temp, storage health, firmware version Device test (camera, radar, lights) Reset / shutdown options 8. Notifications / Alerts Log Last 10 radar detections (with classification, time stamp) Critical warnings (low battery, storage full, overheat) B. Mobile App (iOS / Android Companion) 1. Onboarding & Device Pairing Welcome screen Scan QR / BLE discovery Connect & name device Initial settings sync 2. Home Dashboard Device status (battery, lights, storage, GPS lock) Ride summary (distance, time, avg speed) Quick controls (lights, record toggle, OTA check) 3. Live View & Controls Live preview from cameras (via Wi-Fi) Start/stop recording Light controls (same as head unit) Radar alert simulation (optional test mode) 4. Video Gallery List of recorded clips (front/rear, date/time) Playback in-app Export/share option (to phone gallery, cloud, Strava) Incident-locked clips highlighted 5. Radar & Alerts History Timeline of radar detections (with classification) Map overlay showing alerts location Filter by vehicle type (car, bus, cyclist) 6. Settings Recording: resolution, loop length, file management Radar: sensitivity, alert style (audio/visual) Lights: mode profiles Display: units, theme (day/night) Connectivity: Wi-Fi setup, BLE pairing OTA updates: check/download/install firmware 7. Ride History / Statistics Summary by ride (distance, duration, avg/max speed) Stored videos linked to rides Radar encounter stats (e.g., “12 cars overtook within 20m”) 8. Notifications & Logs OTA update available Low battery warnings Storage nearly full Maintenance reminders