Meet Bikers, the best way to find cycling trails, resorts, and everything you might need on your bike travels.

This is an experimental UI design project to practice my design skills on Figma.

The requirements for this app are:

• User stats (runs, kms, days)

• Upcoming events

• Recordings

• Places

• Notifications

• Resorts

• Booking equipment

• Record activity

• Friends Account

Bikers - Wireframes

User flow: Book cycling equipment at a resort

1. User clicks on the book equipment option in the Home screen.

2. User selects the preferred location and dates for equipment rental.

3. Search results based on location and availability. User selects one resort.

4. User selects equipment for rental.

5. User proceeds with checkout.

Bikers - UI Design

Branding

Bikers simple identity and color pallet are inspired by the serenity of the earth and natural elements such as grass, mountains, leaves, sand, and the warming sun.

Components

Material Design felt like the right choice for this project as it leaves room for expression, playfulness, and customization. Its versatile components, myriad textures, and color guidelines help craft technology that is comfortable and familiar to users.

Some of the components below are custom-made by me.

Bikers - Prototype

This simple prototype showcases the user interaction across the homepage and the flow of booking equipment at a resort.