SaaS Website UI

Hi guys,

Want to share a case study design for a SaaS company i made using Figma, and my thought process while working on it, I am new here and hope to be welcomed. Enjoy.

In this study i wanted to create something different from the regular, i sure did come across some hurdles, like the colours choices and simplicity while still maintaining the overall tech and design facets of the SaaS company.

I really liked how spot on the header was, you know, first thing you are greeted with is the mission of the company but in a very cool way, lol.

The blues, red and black on shape edged frames helped me in telling the story, not just choosing the colour but how the various persons in those sections interact with the overall company.

Really big fan of icons, progress bars and vectors, which i think you will be seeing more in my coming studies and research. Rather than using arrows or overlays i decided to go a little more raw by using lines, which you can notice when highlighting the "senior graphics designer" i kinda got the inspiration from ms word when you get a word misspelt.

Pass through buttons was my element of choice cause i still wanted to maintain that 2d feel while still communicating to the user that this is a clickable option.

It was quite difficult but i enjoyed every step of the way. and no this is not all of my design regarding this project. I will surely get a dribble pro account so that i can share my whole design cards at once.

If you like this piece or reading my thought process please leave a like or comment, so that we can interact more. BYE for now : )

More by Chris Edward

View profile