After establishing a site map, it's imperative to nail down the structure of the website in the wireframe stage before moving on to visual design. This step plays a large part in determining how a story and user experience will unfold. To establish the Canadian Women's Foundation as a leader in their field, we began with a set of rotating cards that showcased the top 5 gender equality issues, and followed them with topical stories and an articles feed. To increase involvement and understanding, calls-to-action were given prominence up front on the homepage and strategically throughout the secondary pages.

It was no question that the Canadian Women Foundation's website had to be mobile-friendly and responsive. We designed wireframes for four different break points at the same time to ensure for consistent user experiences across different devices. While still keeping the most relevant information near the top, the structure of the pages was rejigged and simplified for mobile devices. Keeping important items like the menu within thumbs reach allowed for easy navigation on any device.