SAF Systems offers eco-friendly solutions to significantly reduce environmentally harmful insulation normally used in buildings. SAF states their products are the only truly sustainable solution that help to de-carbonize the environment, thereby making the buildings greener.
I was asked to re-design their existing website. In reviewing their existing site, I was confused with their three product offerings and how they were different. It became clear to me that the three products needed to be identified as such early in the user journey.
Following is the user flow, style tile, wireframes, and high-fidelity mockups.
The mockups were sent to InVision to create a high-fidelity prototype
(I can share the link on request).
The mockups were sent to InVision to create a high-fidelity prototype
(I can share the link on request).
Applications: Adobe XD, Photoshop, InVisionApp.
Above: The top navigation bar contains 3 hyperlinks to the Inspiration, About and Contact sections. Products and Partners are separate pages. The top level Products page is an introduction to the three product offerings, each with three pages targeting different user/case scenarios.
⎯↯⎯
Above: Wireframes of the homepage, top level products, a sub-level product page, and the partners page.
Click on each to expand the view.
⎯↯⎯
Above: Style tile and High-fidelity mockups of the homepage, a product page, and the partners page. The mockups were sent to InVisionApp to make a prototype. Link is available on request.
Click on each to expand the view.
