LimeBike

Desktop Website and Mobile App | Product Design, Brand Design, UX/UI | July 2017 - December 2017

gopawty_1.png
 

My Roles on This Project

Conceptualising and developing Hi Fidelity wireframes while keeping the experience simple and optimised to enhance User Experience. 

Systems of constraint help us pave a path in which to follow, improving the efficiency and speed of our process. Promoting reusability and consistency in our work, they enable us to design better digital products. When used effectively, our projects are scalable and maintaining them is a lot easier.


Creating a library

Adopting the developer mindset when designing systems is imperative. I understood that these constraints as the various elements in a visual language, constructed to guide our every decision. Colors, icons and buttons are just some of these elements which together, form a unified system of tools to work with.

limebike_2.png

guidelines used to create the LimeBike library

Don’t repeat elements

The idea is to create re-usable components and symbols wherever possible. This kept the files lightweight and empowered consistency in design.

 

Thinking in Primitives 

Every component I created was made up of a certain set of properties. These properties are the most ‘primitive’ elements, used throughout a design system. The intention was for a developer to create variables for these properties to prevent duplicates in the code. I did the same, by creating a Library files for all primitives which were utilised to build larger components.

 

Atomic Design Methodology

I’m following Brad Frost’s Atomic Design Methodology for building scaleable interfaces. Primarily because it’s easy follow and everyone understands the principles.


Lo Fidelity Prototype

The design is intended to be simple and intuitive. One where the websites move away from the outdated conventions of print design like pages and fully and instead create unique, satisfying, web-native experiences.

limebike_3.png

Key ideas that were incorporated in the design:

  • It uses story to compel visitors to action
  • It’s seamless, intuitive and easy to digest
  • It’s viscerally and emotionally satisfying
  • It yields higher conversion rates
  • It makes iteration easier, faster and more effective
  • It decreases bounce rates and encourages sharing
  • Pageless looks great on all devices
  • It’s Affordable

Hi Fidelity Prototype

The design is intended to be simple and intuitive. One where the websites move away from the outdated conventions of print design like pages and fully and instead create unique, satisfying, web-native experiences.