Bikable
Our customer is the market leader in equipment, spare parts and accessories for bikes on the Danish market. From a small start-up company, they have taken on the big international main players in the market. They are rebranding from Cykegear to Bikable and looking for an update in their website's visual, following the new brand guideline.
-
Map out site map for the website
-
Create lo-fi wireframes
-
Design website UI based on their new brand guideline
My responsibility
Domain
E-commerce website
Time
2022
Role
UX/UI Designer
Website URL
Wireframes
Creating lo-fi wireframes help us align the client's idea with the website layout and features. After agreeing on the wireframes, we can move on to the next step of designing the website.
.jpg)
Sitemap
UI design
Logo
Typography
Color
Aa Bb Cc Dd Ee Ff Gg Hh Ii Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Xx Yy Zz Ww
0 1 2 3 4 5 6 7 8 9
! @ # $ % ^ & * ( )
Montserrat
Icons
● PRODUCT LIST PAGE
The products are shown in grid view; with filter and sort feature
● PRODUCT DETAILS PAGE
All the information about the product will be shown on this page, including images, color/size options, descriptions, etc. Users can choose the quantity, color, and size and then add them to the basket.
● HOME PAGE
● CHECKOUT FLOW
Single page checkout with each section be active after completed previous section
● SHOPPING BASKET
The list of products will be shown in the left; while the estimated payment will be shown on the right, with discount code and customer service information.
● USER PROFILE PAGE
User can have an overview of their orders and other information in their profile page.
● SEARCH BAR
Thank you for watching
● MOBILE PAGES
.png)