Qualsights SaaS Web Design

"Qualsights" was looking to re-imagine its website with a new layout that matches its new branding. The goal was to elaborate on how the platform can help brands, agencies and consulting firms the ability to generate deeper and more authentic insights from consumers anywhere in the world. The new design helped "Qualsights" successfully raise $7.7M in seed funding!

I started off with some basic sketches to get a better idea of how I wanted to lay out the content and information on different screens by creating multiple Low-Fidelity wireframes.

I created a set of low-fidelity wireframes with two sets of colors in order to focus on the user experience. I wanted to make sure to focus on the usable design before incorporating visual design elements into my work. We decided to continue with the first version as it showcased most of the required elements on the first few sections!

Then I started moving the sketches towards converting them into Low-Mid Fidelity wireframes to make them look cleaner for revisions & important elements.

I used Figma to create high-fidelity designs based on my wireframes. I targeted 4 areas of user frustration while redesigning the website: visual clutter, inconsistency, lack of information, and form fatigue.

I learned to look at the design from a different perspective, thinking about what may have influenced the company to make these design decisions. When advocating for our design decisions, we can feel as if we have boundless resources, when in reality, it's crucial to remember the very real roles that time and money play in driving design decisions!