gbg-home

GoCyclists Marketplace

A bicycle marketplace system for both sellers & buyers. Sellers can post their gear for sale along with bike exchange & cycling accessories, whereas buyers can make orders in bulk as well as in single.

Project Type

Web & Mobile Application


Client from

USA


Industry

E-commerce


Technology Used

Node JS, React JS, Flutter

dashboard

Design Process

graph

Problem Statement

To create a user-friendly and visually appealing platform that would make it easy for both buyers and sellers to navigate and use the marketplace, while also catering to the needs of the cycling community. Letting share the common space to both buyer & seller was quite risky & we had to manage it in a way that they both find their required things.

About GoCyclists

It’s a USA-based e-commerce marketplace, an online platform that allows multiple vendors to sell Gear/Bike to customers & where buyer can make purchase in bulk or single item. The platform where majorly client wanted to push the seller community in an initial phase to set up a business in the longer term.

Kicked off with Meets

Our first meeting with client to go deep into project understanding to officially start the project. All the required departments where in the meeting to understand the project goals. We focused on the business background, competitor’s business, underlying problems and insights, target audience, design direction, project plan and questions.

lady-using-application

Research

We started talking to a few vendors about how they usually sell their gear and also did market research, where we explored well-known online platforms to understand what particular information they take from seller while listing their products. Also understand buyer’s behavior while purchasing single/bulk items from an online platform. As we were working for a product that has foreign-based users, we took help from client to understand their mentality towards the product & language.

research

Target users

seller-user

Sellers Could be

  • Manufacturers
  • Distributor
  • Wholesaler
  • Retailer
  • Normal users who wants to sell their cycle.

Pain Points

  • Complicated listing system
  • No help to find required vehicle while listing
  • No preview of how product will look at the end
  • No common place to track & see all details related to products
  • Complicated navigation
  • Not getting mobile view of the listing & sales flow

Needs

  • Simple Navigation flow
  • Easy to fill all details while listing
  • A good common place to check everything together
  • To have trust & feel safe
seller-user

Buyers could be

  • Manufacturers
  • Distributor
  • Wholesaler
  • Retailer
  • Normal users who wants to buy the cycle.

Pain Points

  • Complexity in Navigation
  • Limited Product Information
  • Ineffective Search Functionality
  • Difficulty in Seller Communication
  • Complex Checkout Process
  • Not Getting Responsiveness

Needs

  • Wide Product Selection
  • Filter option
  • Efficient Customer Support
  • Seamless Checkout Process

Seller’s User Flow

userchart

Buyer’s User Flow

buyrschart

Rough Wireframes

handDrowing

After the product meeting, we sketched out rough flows and wireframes to summarize and plan how we design them. We were involved in the project from ideation, so we understood the end to end flows. After defining the flows with the team (mostly with product owner and a product manager) we documented it. Once the flows/wireframes confirmed by all team, we started to create hi-fi wireframes.

Hi-fidelity Wireframes - Seller flow

Iterations to make Navigation clear & simple

Decided to keep design simple and clear, with easy-to-navigate menus and search filters. Tried to focus on a variety of categories provided by platform to help users quickly find the products they are looking for

1. Seller will switch screen by selecting sell gear from nav bar.
2. Then he can even search for the product which he wants to list or can start from scratch.
3. On scrolling down he’ll get to see more section which will educate him about the flow & benefits of selecting this platform.

navigation

Product Listing flow

Offering robust listing features enables sellers to easily and effectively showcase their products. When sellers have access to comprehensive and customizable listing options, they can create compelling product listings that highlight the unique features, specifications, and benefits of their offerings. This, in turn, leads to a more positive and productive seller experience on the platform.

Effective listing features contribute to higher conversion rates. When sellers can provide accurate and detailed information about their products, it helps buyers make informed purchase decisions.

listingflow
listingflow
listingflow
listingflow

Simplified Setup and Onboarding

Here Seller would expect a streamlined and efficient onboarding process that allows them to quickly set up their online store and start selling. User-friendly interfaces, clear instructions, and intuitive seller dashboards help sellers easily list their products, manage inventory, and track sales.

simplified
simplified
simplified
simplified
simplified

Inventory and Order Management

Efficient inventory and order management tools are essential for sellers to effectively manage their online stores. Features such as inventory tracking, automated order notifications, and shipping integrations help sellers stay organized and fulfill customer orders promptly.

inventory
inventory
inventory
inventory
inventory

Hi-fidelity Wireframes - Buyer flow

Wide Product Selection & Filter option

Efficient inventory and order management tools are essential for sellers to effectively manage their online stores. Features such as inventory tracking, automated order notifications, and shipping integrations help sellers stay organized and fulfill customer orders promptly.

wideproduct
wideproduct
wideproduct
wideproduct
wideproduct

Trust and Safety

Buyers want a secure and trustworthy marketplace. They look for trust-building features such as seller ratings, reviews, and certifications. A transparent and reliable payment system, as well as robust customer protection measures, are essential to establish trust and ensure a safe buying environment.

trust
trust
trust
trust

Seamless Checkout Process

Buyers value a smooth and hassle-free checkout process. A streamlined and intuitive checkout flow with minimal steps, clear instructions, and the option to review and modify the order before finalizing the purchase helps buyers complete their transactions efficiently.

seamless
seamless
seamless
seamless
seamless

Web User Interface - Seller

webuse
webuse

Web User Interface - Buyer

webuse

Mobile UI - Seller & Buyer

webuse

Technology Used

figma

For Wireframing, UI Design & Prototyping

flow

For User Flow

desing

For illustration and Icon Design

cross

For Cross-platform Development

react

For Frontend Development

js

For Backend Development

What Client says

Denver M.

CEO, GoCyclists, USA

I am thrilled to share my experience working with the team for our GoCyclists ecommerce marketplace and mobile application. From the very beginning, their professionalism and expertise stood out, making the entire process seamless and enjoyable.

They truly understood our vision and translated it into a user-friendly platform that exceeded our expectations. Their attention to detail, combined with their technical skills, resulted in a robust and visually stunning marketplace where cycling enthusiasts can connect, buy and sell products effortlessly.


ultroNeous Technologies


[email protected]