top of page

Roar Cycles

Roar Cycles is a website made for a cycling business.

Created: January 2020

​

Try out the website!

  • Role: UX/UI Designer

  • Course: User Experience Design Essentials - Daniel Scott

  • Tools: Adobe XD, Adobe Illustrator

  • Duration: 1 Month

Design Process

Project:

Screenshot (7)_edited.jpg

Client:

Screenshot (6)_edited.jpg

Low Fidelity & High Fidelity

20211112_124733_edited.jpg

The Hand-drawn Idea

Wireframes (LoFi)

component (1).png

Completed (HiFi)

Low Fidelity and High Fidelity

Assets

Character Styles

  • Monteserrat 

    • Font Style: Regular

      • Sizes: 60pt, 32pt, 24pt

      • Colors: Black, White

  • Merriweather 

    • Font Style: Regular

    • Sizes: 60pt, 32pt, 24pt

    • Colors: Black, White

​

Design Flow

component (1).png

Homepage

component (7).png
component (3).png
component (9).png
component.png
component (2).png
component (8).png
component (8).png
component (4).png
component (6).png

Login/Sign Up 

Page

component (11).png

Bike Category Page

component (5).png
component (10).png

Product Page Bikes -

Sphynx, Siamese, Bengal

component (13).png

I am a Digital Creator that creates stunning digital creations to inspire others.

Contact:

Email:

Follow:

  • LinkedIn

© 2023 Hannah Supnet

created with Wix.com

bottom of page