Paylance is a platform created by designers for designers to solve the problem of all problems: getting paid.
I defined the entire product development flow, from information architecture, to UX and wireframes, all the way to UI and visual consistency.
After conceptualizing the information architecture, I laid down the main User Journey and subsequently all the secondary flows.
Based on previous user research, I defined a persona — what would the typical user do with Paylance and what would his/her journey through the app look like. I then defined the flow map and noted down each key user interaction in the map.
I then translated simple graphs from the flow map and pen-on-paper wireframes into digital ones. To maintain visual clarity of the entire app, I placed all screens into a map-like view, this helped me maintain a bird’s eye view of the product.
Together with the CEO, we agreed on key brand colors and polished the user interface to the very last pixel, making sure padding was balanced, typography was elegant yet easily readable and the visuals and iconography would help the user find their way through the app with no hurdles.
Once IA, UX and UI are ready, it was time to put everything together in a living prototype.
Invision has been the tool of choice - play the video below to check it out.