These are the wireframes I designed for our homepage, showing both the desktop and mobile versions. They outline the structure of the page, with clear indications of where buttons will lead users to on the site. Throughout the design process, I focused on ensuring proper spacing and maintaining a user-friendly layout, all while making sure the design is ADA compliant for accessibility.

Once I complete the wireframes in Photoshop, I send them out for preview and feedback from our extended team. After incorporating any edits or suggestions, I save out the images and PNGs for any fonts we don’t have as web fonts. Then, I send all the files to our web developer, who begins building the page. We collaborate closely to ensure that the layout works seamlessly, refining the design to achieve the best possible user experience (UX). It’s a team effort to get everything just right, but it's rewarding to see the final product come together.