Bike Shed Website

Challenge: Create a fully responsive website for an imagined small business, The Bike Shed Cycle Shop, as part of a year-long MA program.

Solution: The Bike Shed website was created with a mobile-first, responsive approach with HTML & CSS, JavaScript, jQuery and PHP functionality. The informational website offers a range of bikes, bike components and a full workshop for repair needs big and small. A business identity and visual brand were created for the faux business before I moved on to generating content and planning information architecture and structure of a small business website.

My Role: Responsive Web Design, HTML/CSS, JavaScript, UX/UI Design

Mobile Layouts

Desktop Layouts

Style Guide


Bike Shed Design Process

Completed contextual research, Constructed use cases and user flows
Authored site content, Created site illustrations and graphics
Established information architecture, Produced wireframes, Created visual design system, Completed prototypes
Wrote HTML/CSS/Javascript code. Built and launched fully responsive website.
Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Consent to display content from Youtube
Consent to display content from Vimeo
Google Maps
Consent to display content from Google