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.
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.