Site navigation at goodeyes.com suffered from large containers and link blocks that forced a mobile menu pattern to display at sizes larger than standard tablet devices. To resolve the issues and increase navigation usability, both primary and utility navbars were redesigned with an economy of space in mind for desktop and mobile devices. Decreasing the amount of space required to show the same amount of content and presenting it in a way that fits into the existing brand, responsive breakpoints now comply with expected resolutions across a wider variety of devices. Additional changes to standard headers provide greater uniformity in styling sitewide in conjunction with on-page navigation that also received a reduction in size while appreciating a revamped style for ease-of-use. Together, these adjustments are the foundation for a future redesign.
Completed at Skyhook Interactive