I was tasked with redesigning the interaction and provide the visual design/art direction for the redesigned responsive navigation for pge.com for the integrated web project.
Usability Testing
We conducted usability testing on a navigation paradigm for both the desktop breakpoint and the mobile breakpoint.
Mobile
These are the mobile screens I tested on usertesting.com. The goal was to have a simple and easy navigation that was not more than 2 levels deep. The users would then go to a landing page to navigate through the content.
![](https://cdn.myportfolio.com/591225a38d9d633878da0248138c7657/121e959535e5503fd19c4df7b242fd5096e161b0acc4df95f4c17398f52ff6a6ed117da4606b1f82_rw_600.png?h=65c19c951cbc2234aa00b89c4fdaf41f)
![](https://cdn.myportfolio.com/591225a38d9d633878da0248138c7657/07e44e75cc718ffdade41a4477961684e661bf29c4151a1da2a35809536aa8494d1392f7c1417d61_rw_600.png?h=1694f36bc0ea0a2a717eb8f3749481dc)
![](https://cdn.myportfolio.com/591225a38d9d633878da0248138c7657/a0972336896a5770b22e4c36ad3e317271d9e3b699b053cbe1a357640d21d7eccf8664be9a4294ae_rw_600.png?h=ae4c23582f03efdae808c8d0cad83ead)
![](https://cdn.myportfolio.com/591225a38d9d633878da0248138c7657/6f724897d21f3823ec8941ede94ce41d1741e49ece170f3cfc180a409ef6eb22d2d4f3b71238b48c_rw_600.png?h=1bf2d12b324829c3135f35356259dc14)
![](https://cdn.myportfolio.com/591225a38d9d633878da0248138c7657/0a7504057415fdead14a3745290191e40171728d1a7c43a4ed95fe143399afa4b581ff2cc0918b11_rw_600.png?h=1f38709901dd53f9a598707c87a3fa73)
![](https://cdn.myportfolio.com/591225a38d9d633878da0248138c7657/feb0bd75959590e70d2183cfe8c7ff4b581ffd66c0b77b7ef094ecf2613e8852f56a8b7479d08f49_rw_600.png?h=6e92f12ef6a2c8c9069df39210f902b0)
Overall users with happy with the navigation. Minimal changes made to the designs.