The User Interface is build using a grid, that defines a single design style, rules for the arrangement of elements and alignment. The Grid speeds up the layout work and makes it look more aesthetically pleasing and proportionally structured.
Through iterative refinement, the concepts were visualized into High-fidelity wireframes, placed within the Grid. Then those wireframes evolved into comprehensive User Interface.