OverlayAnalytics SaaS Web Design

Ayan Hafeez

Web Designer
UX Designer
UI Designer
Figma
JavaScript
Webflow

"OverlayAnalytics" was looking to raise pre-seed funding by redesigning the website while keeping the new branding of the SaaS product in mind. The goal was to show investors that the company has the right resources, skills and processes in place to succeed in their venture.

OverlayAnalytics website needed to be re-designed to be cleaner & more modern. Their previous website, built on WordPress, needed a refresh. Since OA had minimal brand guidelines, I had room to refresh that as well! I started with a Low-Fidelity wireframe. Made two versions based on the requirements.

They were inspired by clean, colourful websites that utilised 3d assets to express their elements. After multiple strategy sessions, we decided to go with the first version of the wireframe!

Once the Hand Drawn wireframe was finalised, I moved on to converting that into Low-Mid Fidelity Wireframe in Figma to make it more slick & clean(this is one of my favourite parts!).

After UI & Website Discovery, I moved on to a high-fidelity prototype. I used existing brand guidelines for the cards, typography, colors, and buttons, however, I designed new 3D graphics for a modern effect.

"OverlayAnalytics" was able to raise $1.5M in pre-seed funding. I worked with OverlayAnalytics CEO on improving the overall process as well. We succeeded in our goal. Good funding was raised and the new site is minimal, clean, and modern, and draws attention to the most important parts of the website. I always enjoy working on challenging projects, so this was naturally a fun project to work on.








Partner With Ayan
View Services

More Projects by Ayan