[UX] Execution 1.08 | High Fidelity Visual Exploration

Photo by William Iven

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.

Visual Inspirations

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.

Visual Exploration v1 (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.
Visual Exploration v2 (Home Page)

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!

--

--

--

We are a budding startup in Silicon Valley aiming to simplify the act of giving. Our goal is to mobilize more people to get involved with meaningful causes.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

SuperBetter Onboarding Redesign

How JCW Acoustic Supplies Use SpecifiedBy to Bring Their Products and CPDs to a New, Digital…

Franco Manca — UXDI Project 3.0

There Are Three Red Flags to Watch Out for When Choosing a Web Design Agency

Design Patents: It’s All About The Aesthetics

Becoming an unlikely change agent for innovation in financial services (Part 4 of 4)

Working Together to Improve the Community: Consensus Building - Kristen Hess Featured on Podcast…

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
GiveShop

GiveShop

We are a budding startup in Silicon Valley aiming to simplify the act of giving. Our goal is to mobilize more people to get involved with meaningful causes.

More from Medium

From a Professor to a Product Designer — My journey so far

The intersection of design, technology and business

5 Lessons New UX Designers Can Learn From R.S. Wurman

Richard Saul Wurman, Information Architect, Information Architecture, Information Design

UX vs CX: The Battle for the Customer’s Heart

UX vs CX