This project was made through a course from Bring Your Own Laptop by Daniel Welter Scott. This online course provided essential skills in Figma. Topics covered included - UI and Figma best practices, working with personas and briefs, low-fidelity wireframes, variable components, high-fidelity prototyping, desktop and responsive breakpoints and much more.
By the end of this essentials course, I obtained a good grasp of how to utilize Figma along with a certification with merit.
This site is an extended project. I am currently continuing to enhance this through the Advance Figma course. So, you can expect updates soon. For now, enjoy!
By the end of this essentials course, I obtained a good grasp of how to utilize Figma along with a certification with merit.
This site is an extended project. I am currently continuing to enhance this through the Advance Figma course. So, you can expect updates soon. For now, enjoy!
Persona and Task flow
Before I started anything I began thumbnailing to make the logo along with the style guide. For me, this offers a smoother flow within the process. Instead of going with a literal monkey on a bike, I went with a hand of bananas.
- A "Hand" is a unit of measure for a group of bananas-
- A "Hand" is a unit of measure for a group of bananas-
Logo
Style Guide
Bananas are our general association with monkeys, however there are 3 others that I focused on during this process.
Adventure | Exploration | Community
With these I sought to capture the attention of cyclists of all skill and comfort levels. Utilizing them almost as a tier and category system; from your neighbourhood novices, your city casuals, to the cross-country enthusiast, giving users insight and suggestions on the bikes that best serve their interest.
Desktop
Mobile