Designing and building a new marketing firm's website in Webflow
.webp)
Overview
My client had just started his digital marketing firm and hired me to design and build a new Webflow website from scratch. I worked with the client on all design and development for the website, including research, inspiration, collection, wireframes, mockups, and Webflow development. For this project, I also helped with developing the client's brand styles.
The client's services include social media management, blog content creation, content strategy, branding, and podcast production.
Deliverables:
- Webflow website
- Wireframes, mockups, and design research in Figma
- Brand typography and color styles


Problem
My client came to me with a loose idea of what he wanted his brand to ultimately be, and part of my task was to fine-tune the brand's look.
My client was in the early stages of getting his marketing firm off the ground and needed an attractive website to legitimize his firm and attract prospective clients. At the time, he had a logo for the firm but needed me to more fully flesh out the brand aesthetic with the website design.

Solution
I worked closely with my client to nail down the firm's branding early on. By compiling design examples and inspiration, I was able to get his feedback on samples and get a better sense of what we wanted. Ultimately, we achieved a look that played off the original logo — a hand-drawn rooster with playful colors filled in. Design features like hand-drawn style illustrations, and abstract color shapes gave the site a whimsical yet professional look.

CMS flexibility
Because my client was just starting his firm and planned to later add content for new services and case studies, I made adding and managing content quick and easy through pre-set templates and Webflow's intuitive CMS.


Quality Content
I consulted my client on the site's content, encouraging him to include as much relevant information to prospective clients as possible. To this end, we made sure to give users a clear understanding of what we do and how we could help them by including information about services, our process, industries we work with, past clients and case studies, pricing, and blog posts about digital marketing.



CMS flexibility
Because my client was just starting his firm and planned to later add content for new services and case studies, I made adding and managing content quick and easy through pre-set templates and Webflow's intuitive CMS.

Quality Content
I consulted my client on the site's content, encouraging him to include as much relevant information to prospective clients as possible. To this end, we made sure to give users a clear understanding of what we do and how we could help them by including information about services, our process, industries we work with, past clients and case studies, pricing, and blog posts about digital marketing.



Results
My client, Ryan Caravalho, was very happy with how the site's look and content turned out. It has been a driving force in his efforts to grow his marketing firm. The branding we developed also gave Ryan scalable styles to use across other marketing.





"My project with Matt was awesome. He is talented, responsive, and super patient as we worked through (and revamped) the scope of work. Thanks for the new site, Matt!"
Ryan Caravalho
Owner, Bantam Marketing
