[UX] Execution 1.08 | High Fidelity Visual Exploration
After low fidelity testing and iterations, our team went into a phase of visual explorations. The goal of visual explorations is to experiment with colors, fonts, spacing, and components to find a visual style that best aligns with your brand and values. The reason for running it before building high fidelity wireframes is because major design changes after this point becomes more time-intensive and expensive.
As a starting point, our team scoured the world wide web to find inspirations. We then used these inspirations, our existing brand guidelines, and brand values to create several versions of our home page.
From there, we reviewed our designs with our advisors and received valuable insights to iterate on.
Key Design Changes
- Given that we are a startup and have zero brand equity, we decided to adjust our layout to first inform users about GiveShop before leading them to key actions on our platform.
- Updated components to better present info to users.
- Updated colors to better match our brand.
- Overall, our design goal is to make the act of giving simple and sexy.
After creating several versions of our latest style, our team came together to vote and lock the design elements we needed to move into building high fidelity wireframes. This included our primary colors, fonts (styles, weight, size), spacing, and grid system.
Now that we have a decision on our design elements, we move into building our high-fidelity wireframes!