.png)
Freedom Waterworks was a new client of Revvnue's, in need of a website redesign, branding, and marketing services. Freedom is a one-stop shop for water, wastewater, and petrochemical systems, who excel in providing innovative pipe fabrication and supply solutions. The previous website was created by a previous marketing agency, as well as the branding. Freedom was undergoing a change of ownership when they came to Revvnue for their services.
Freedom underwent a major change in 2024 due to a change in ownership. The client was concerned with being seen as not changing enough to customers so they needed to undergo an entire rebranding. This led to a decision to redesign their entire site and a move to WordPress as well. Due to a quickly approaching deadline, the inner pages needed to have a template designed that could be easily duplicated and slightly adjusted for each page.
1. Design wireframe for ambiguous inner page.
2. Take into consideration new branding guidelines created by creative director
3. Develop pages in WordPress for new website.
To prepare for this project I took a look at the previous website, as well as the branding for the new site. At this point the Account manager and Creative Director had already started work on the homepage, so I took a look at the direction they were going with that to draw inspiration for the inner page template. Next, I looked through all of the assets that the client had given us to see what kind of layouts could fit. Finally, I researched some other industry websites and design inspiration sites to see what other information we could include on the page.
After I had a good idea of what information would need to be displayed I started working in Figma designing a basic layout. Once I decided on the specific sections, I started adding elements to each. First copy, then boxes for imagery/icon and text areas. Finally, I added in some color for visual interest and denote an important CTA for each page.
After the wireframe design was complete I handed it off to my team (CTO, creative director, and Account manager) for review and to allow them to make changes or suggest other elements/areas for the template. Once approved we moved on to development!
After the creation of the wireframes, and my team reviewed the deliverables, we started the development of the pages in WordPress.
The first change came about once the stakeholder decided they wanted an image at the top of every page. We added in a two column container at the top for an image and text on every page, as well as differentiating text by using a header, allowing the user to quickly understand what the page would be providing.
Next, on each page we needed to take into consideration the type of media that would need to go into image boxes, or if an icon would suffice. This led to the movement of smaller boxes (icons) and larger boxes (images) depending on where the different types of content needed to go.
We needed to break up the large amount of text that would be needed on most pages, so had to get creative with lists and icon boxes. A change that the stakeholder mentioned was adding text under icons instead of having the text and icon side by side. We kept this consistent throughout the pages.
