After identifying problems we carved out the website’s content IA with the client.
...and turned that into a easy to see flow.
I gathered competitors’ websites ideas to show the client to see what style direction they liked and what they didn’t like.
I also gathered different photos and imagery directions and got feedback from the client.
I created different versions of different styles of the look and feel of a site, based on examples of existing companies, to get more in-depth feedback about colours, typography, and images
We moved on the nittier details like defining spacing and border radius, and typography.
For selecting type, we selected typography that represented professionalism and modernity, and which were scalable. We ended up with Inter for body and Epilogue for title, then set the scales for both desktop and mobile.
I created a flexible colour system with 7 shades of each hue, with the primary being blue and also defined accent colours and states’ colours
We also created a buttons, links, headers and footers to give ourselves more flexibility if we needed them later on.
We jumped into iterating ideas of how the home page will look like. We spent the most time on this page because it attracted the most traffic.
Following client feedback, I kept iterating on more ideas for the hero splash.
...and did the same for the other pages like About, Success Stories. We made used for Webflow’s CMS tool and built a CMS template for pages like success stories.