suresh balasubramaniyan

suresh balasubramaniyansuresh balasubramaniyansuresh balasubramaniyan
  • Home
  • Works
    • UI/UX Design
    • Marketing Deliverables
    • Presentation-Infographics
    • Bids Proposals Design
  • Resume
  • Contact
  • More
    • Home
    • Works
      • UI/UX Design
      • Marketing Deliverables
      • Presentation-Infographics
      • Bids Proposals Design
    • Resume
    • Contact

suresh balasubramaniyan

suresh balasubramaniyansuresh balasubramaniyansuresh balasubramaniyan
  • Home
  • Works
    • UI/UX Design
    • Marketing Deliverables
    • Presentation-Infographics
    • Bids Proposals Design
  • Resume
  • Contact

Roar Bikes UI/UX Design

Project Description

Roar Bikes is a manufacturer of small run, contemporary bicycles sold  exclusively from their own website. Roar Bikes currently have 3 models of bike to purchase (Siamese, Sphynx, Bengal).

Project Goal

To build an e-commerce website for people to browse & purchase bikes, understand user types and their needs, designing exciting features better than the competitors to attract users.

Design Process

User experience design process is an iterative method that helps continuously improve and polish our designs. In the process, we go through different stages repeatedly while evaluating our designs on each stage.

Stages

Understand

Understand

Understand

Learn about the customers, understand the requirements, and Define use cases.

Research

Understand

Understand

Conduct a research and browse through competitors' websites in order to gain insight into what is required to build a bikes store website.

Ideate

Ideate

Ideate

Brainstorming the best possible solutions to make design more efficient.

Design

Ideate

Ideate

Establish a visual design process and create high-fidelity mock-ups.

Persona

Jake 28 | Graphic Designer | California, USA

  • Jake is a graphic designer for a large design agency in Los Angles. Jake prides himself on having strange & interesting versions of everyone else's everyday objects. His shoes are hand made & his backpack is pink.


  • He likes to make his purchase (big or small) from local responsible craftspeople. He doesn’t own a car. He always brings a reusable cup to the coffee shop.


  • Jake cycles to work and wants his bicycle to be practical but unique.

Competitor Analysis

Using competitive research to get information about everything necessary  for a bike store website, Swifty Scooters, Santa, Cruz Bicycles are similar brands to use as benchmarks.

Moodboard

Roar bikes moodboard

Color, Typography, Buttons

Sketching & Wireframes

Initial Sketches

 

Wireframe

 

Home Page

Landing Page

 

Landing Page 1

 

Product Page

Product Page

 

Product Billing Page

 

High-fidelity Mockups

 

Web Hi-fi Mockups

    Prototype

     Please check out below link for Roar bikes app interactive prototype design: 

    https://xd.adobe.com/view/bda0efd0-4241-4149-8bb0-6b554dede19f-e8f3/

     Connect with me on LinkedIn or email me at sureshbala013@gmail.com


    Powered by

    Welcome Back!

    Thank you for visiting my portfolio!

    Okay