The main goal was clear: a transformation of processes of a real estate agency into
a digital solution (Web Application build on Angular 4.0) with as much task automation as possible.
I was part of an agile team co-working with one Backend, two Frontend developers and one Product Manager
a.k.a. SCRUM master.
*The project is in pre-alpha version now.
Respecting client's specification and results of his research one of the first tasks were to define personas. Inspired by their insights we started designing – from user flows on a whiteboard to Hi-Fi prototypes.
To effectively built and then iterate Hi-Fi prototypes of complex features we decided at first to create a library with reusable components following principles of atomic design – in Sketch (styles, symbols) and in code (design tokens).
For testing user flows we used the clickable Hi-Fi prototypes via CanvasFlip. The testing provided us with data as average time spent, task completion rate, conversion funnels, and heatmaps, that we could analyse and prepare iterations.
Transforming sketches into online components became fast and with no ping-ponging between designer and developer thanks to InVision Inspect, style guide in zeroheight and layout + components library prepared in HTML, Sass.
Part of the project was to bring an emotional dimension and to define brand communication via icons, illustrations, and copy.