Duration: 8 Months (Ongoing)
Role: Lead Product Designer
Release Date: Early 2020
Platform: iOS/Android/Web
Design Process: User Research → Wireframe → Prototype → Test → Refine Prototype → UI → Usability testing → Transitions/Animations → Hand-off To Developers
Web Wireframes
Roomster 2.0 flow was carefully researched, wireframed and tested. It was tested three times and printed for reference.
Tool: Balsamiq
Time: 2 month (Web)
Team: Lead designer (Madeline Fedorova) and two other designers (Shashank Jain and Amber Xie)
App Wireframes
Tool: Balsamiq
Time: 2 months (App)
Team: Lead designer (Madeline Fedorova) and two other designers (Shashank Jain and Amber Xie)
User Flow Diagram
WIREFRAMING
Once at the wireframing stage with collected data gathered during user research analyzes, we started to wireframe the app version of Roomster 2.0. As 70% of users were using Roomster in an app form, we started with designing the application first.
First iteration of the wireframes was printed and arranged, so everyone from development, C level management to marketing can go through the flow and leave their feedback and comments. This resulted in a lot of detailed discussions that helped us to facilitate internal conversations within the company as a whole and point out anything that we considered adding or removing from the flow.
Bits and pieces of the UI:
