Goby – Website
Case Study
Goby — Bike sharing platform (Website + App under development).
01. The Challenge
I created the prototype and website design in Figma to explain the service proposal, show stations/plans, and drive the user to the app.
Key Objectives
- Explain "how it works" in 3 steps: find, unlock, ride.
- Show stations on the map and plans with clear hierarchy.
- Reinforce trust: transparent pricing and support.
- Direct to the app (Main CTA).
UX Designer responsible for research, architecture, wireframes, prototypes, and UI Design System.
Design Process
02. Structure & Flow
Low Fidelity
Navigable Wireframes
Focused on validating the main flow: discovering stations, choosing a plan, and starting registration. I adjusted hierarchy and microcopy before advancing to visual UI.
View in Figma03. Final Result
UI Design & Components
Visual Refinement
Refinement of typography, color, and components to highlight CTAs ("Download App", "Start Now"), plan comparison, and benefits (safety, maintenance, and support).
- 3 intuitive steps with explanatory icons.
- Quick FAQ for common questions.
- Map of stations (future) and comparison of plans/pricing.
- Clear usage rules.
- Transparent pricing, contact channels, and accessible policies.
Accessibility
AA contrast and visible focus indicators.
Logical heading structure and consistent labels.
Touch targets ≥ 44px and information simplicity.
"The site guides the user quickly to what matters: understanding the service and starting."
- Clear architecture and defined CTAs.
- Base design system ready to evolve.
- Site flows aligned with the app.
Microcopy + visual hierarchy reduce doubts in on-demand services. Maps and plans need to appear early, with simple language and a single CTA.