This greenfield project involved managing workshops to eastablish the detail allowing the creation of IA, task models, user journeys and accompanying UI. Iterative wireframing laid the foundation for interactive prototypes, that in turn steered the work of the developers.
This UI is designed to render its layout and page elements for the optimal display for the device being used.
The inverse of the GUI.2 aesthetic for users preferring dark contrast.
For this messaging application UI, I initially constructed the wireframes to determine the layout and hierarchy of page elements. This laid the foundation for the next stage of creating hi-fi static interactive product models.
This app was designed – using bespoke icons – to enable service users to view and manage their refuse collection services. A series of screens enabled customers to engage directly with their service provider.
Whether mobile-first or desktop-first, in most cases digital products should gracefully adapt to all screen shapes and sizes.
The requirement for a complex slider called for a complex prototype, one which would model all behaviours.
This new feature development for a local authority mobile-first application, demonstrates how a standard desktop HTML table can be styled so that it reconfigures into a series of single item tables, much more suited to a smartphone screen.
For this mobile phone service provider, the UI was required for a tablet and smartphone bundle promotion. The layouts were initially wireframed and then the hifi design applied in accordance with extremely prescriptive and specific brand guidelines.