Strategy (UX Improvements) and Wireframes
We removed the modal functionality and replaced it with child pages and a sub-navigation. We were able to reduce the marketing objectives on the homepage, essentially simplify it.
Our audit identified some minor UX improvements and a couple of major ones, one of which was the use of modals for additional content instead of child pages with a sub-navigation. The implementation of this helped solve a few issues:
- On marketing emails or banner ads we could now link directly to that content
- The user had an easier time understanding the content they were clicking to view
- We reduced the number of clicks the user had to make to reach and to leave content
- It allowed us to make more dynamic designs than what was possible with a popup page
We were also able to cross-link easier as well as optimize the information on the page as the modal design caused many overlaps in information.
After getting approval of our recommendations, we set forth with a streamlined sitemap as well as began the process of wireframing the pages. This wireframing process allowed us to streamline the number of components being utilized on the site. We were able to adjust similar layouts that may have minor differences into one component.
Once we wireframed the entire site, I created a component guide and a digital branding guide for the development team, so they could develop the base CSS.