04. Prototype
Design solution
We combined the product features from the 2 storyboards to address the design requirements and main use cases. We envisioned a mobile app and a kiosk that offer second-hand laptop selling, lending, and buying services. We divided the design process into 3 stages based on fidelity levels and iterate the design in between.
Low-fi Prototype
We did parallel prototypes, where we created multiple alternative designs simultaneously, so it allowed high-level brainstorming and afforded design freedom to each designer. Then, we combined the best and the most creative design featurea into a low-fi prototype.
Mid-fi Prototype
After brainstorming sessions with the researchers, we turned the paper low-fi into a mid-fidelity prototype on Figma to streamline the users flow, map out the UI, and determine the key features.
Final Design
With the preparation of the low-fi and mid-fi prototypes, now we were ready to produce ahi-fi prototype on Figma by applying the design system and integrating the interactive elements. The hi-fi prototype also prepares for usability testing and product iteration for the next step.
At this stage, the two designers splitted up the design work, and I was responsible for designing onboarding, lending and selling process, search function, and account setting page.
Design System
We created moodboards to define a visual language for our design. We believe that the UI should give users a friendly, approachable, inviting, sustainable, and futuristic impression, so we carefully selected the below colors, icons, and fonts for the final design.
Onboarding
Lending a laptop
Listing a not-in-use laptop
Searching for a desired laptop
Checking your laptop status
Dropping off and picking up devices at the kiosk
