GUI.2
This UI is designed to render its layout and page elements for the optimal display for the device being used.
UI
GUI.2.dark
The inverse of the GUI.2 aesthetic for users preferring dark contrast.
Case study: wireframing and prototyping
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.
Smartphone App: Refuse Collection
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.
Case Study: Responsive Web Design and WordPress
Whether mobile-first or desktop-first, in most cases digital products should gracefully adapt to all screen shapes and sizes.
Mobile-first Design
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.
JavaScript / jQuery
JavaScript and jQuery add dynamic interactivity to a web page creating greater interest and engagement between visitor and website.