top of page
eBike
eCommerce purchase flow case study.​
​
eBike is a 3-hour study on quickly developing an online purchase task flow, from initial wireframing, to branding, and initial high-fidelity prototyping.
Mobile Application
The wireframing process enabled me to establish the basic parameters of what the task flow would consist of. The customer would be presented with a homepage where they would familiarise themselves with the brand's ethos and an overview of the product. They would then choose to either learn about the product in further detail or head directly to the purchasing process.
The branding was quickly generated to represent the product as both premium and futuristic. To support the products quality and exclusivity, a dark tone of navy was selected for backgrounds, with a bright turquoise, pink and white acting as accent colours.
Before developing the high-fidelity interface, I first created a library of the most important assets such as buttons and form rows to maintain consistency across all pages.
Overall, the high-fidelity mockups provide a clear indication of the aesthetic language and emotional feeling the brand is aiming to convey.
The mockups were then developed into a high-fidelity prototype which would allow for user-testing and experimentation with different animation and transition designs.
Desktop Landing Page
.png)
The website would be designed for mobile-first usage. Nonetheless, a desktop landing page was designed to experiment with translating mobile interface assets into a desktop environment. The landing page successfully maintains aesthetic consistency, while incorporating the same features as the mobile version.
More Projects
bottom of page