Rolling Around.

We designed a mobile MVP for bikepacking cyclists, combining bike and gear management, route waypoints, and a crowdsourced guide to flying with a bike.

Expertise

Mobile App Design

Mobile App Design

/

Industry

Real Estate

Real Estate

/

Year

2024

2024

Phone displaying destination cards against a mountain road.
Phone displaying destination cards against a mountain road.

/

Challenge

Bikepacking and touring cyclists juggle their bike setup, gear, and route planning across scattered notes, forums, and spreadsheets — and one problem has no reliable answer at all: how a given airline handles a bike box, including fees, packing rules, and size or weight limits, before a flight. Grona's brief was to design one mobile product that keeps a rider's bikes, setups, and route waypoints organized in a single profile, and turns airline bike-transport policy from guesswork into a structured, crowdsourced lookup anyone can search or contribute to.

/

Log in/Sign up

Experience quick and convenient registration to effortlessly save your progress. Additionally, enjoy the flexibility of logging in as a guest without any registration required, ensuring a seamless and user-friendly experience.

/

Home Page

Explore a variety of routes and access detailed information to prevent unpredictable situations on the road.

/

Profile

Enjoy a convenient space for storing and planning your trips, complete with tools for adjusting and documenting the technical condition of your bike. This ensures you can prevent problems and unforeseen situations, making your journeys smoother and more enjoyable.

/

Navigation

Select your travel type based on the purpose of your itinerary, ensuring easier tracking of your location and stopping points. This approach simplifies navigation, enhances your travel experience, and helps you stay organized throughout your journey.

/

Design System

Rolling Around runs on a compact token set: a primary magenta accent (#D81064) paired with four supporting colors — orange, purple, blue, and green — used to tell bikes, setups, and status tags apart at a glance, plus a two-typeface pairing: a bold display face for headings and Inter for body and UI text, carried through reusable cards, buttons, and input components with consistent states.

let’s talk.

Tell us about your project, question, or idea. We’ll get back to you within 1–2 business days.

Create a free website with Framer, the website builder loved by startups, designers and agencies.