Hello 👋

In the last post I presented just the hero section of my web design agency website. Well this time I am going to show you the entire design of this project.

🎨 The colors of the website

I began from a shade of blue, #0099FF, that one being the primary color of the website. Based on that, I generated the rest of the colors for other use cases around the website.

The main background color is pure white, #FFFFFF, but sometimes it is replaced by #EEF8FF for various sections throughout the website.

The main text color is #002240 because I didn't want to use any shade of black, but a darker shade of blue, so I came up with that.

🖊️ The typography of the website

For the typography of the website I went really simple. I chose a single sans-serif font that works great on any font weight. That font is Plus Jakarta Sans. Nothing more to add here, I think it's a great font for most web design projects.

The Home page

This page was carefully crated so that the user, once is on this website, will be delighted with a beautiful colors and illustrations. In this page I talked about the way this agency can help someone by showing the things we are most focused on, the services we provided, a small section with some past projects, that can be expanded on the Portofolio page, and a bottom form that brings the client lead directly to us.

The Portofolio page

As the title implies, here are some of the other projects we worked on, in the past, and there is a beautiful component that let's the user change the type of projects that are presented

The Services page

It's the page were we show the user our various types of packages that we can offer them for the creation of their dream website. Also at the bottom of the page I placed the same form in order to make the contacting part much easier for the user in case they are interested in one of our packages.

Thanks for checking out my post!

Find me on:

💚Fiverr: https://www.fiverr.com/ediro43

💜Instagram: https://www.instagram.com/centurionndesign/

🩵Google Play Store Page (Android only): https://play.google.com/store/apps/developer?id=Strike+Software

Let's get in touch 📫: [email protected]