Marketing site redesign for industrial fan manufacturer

Mockup of desktop on desk, displaying the MacroAir homepage

About the project

Our friends at MeadsDurket specialize in advertising and traditional graphic design. We partnered with them to take their work with MacroAir digital. We started with understanding the current site and the goals of the redesign (simpler, flatter, more modern). We moved into information architecture, including a content audit and mapping with before and after site maps. Once we had an alignment at that level, we moved into responsive wireframes. Next, we developed a full-fidelity, polished, hi-tech visual design that brought airiness, precision, professionalism, polish, and trust into their online presence.


We focused on large imagery that gave room to showcase these beautifully designed products and to present expansive, airy environments. All layout, spacing, and type sizing were mathematically determined (based on the Golden Ratio), then extended to address varying screen sizes, and rigorously applied throughout the design with almost no exceptions. This kept the design technical and exact – fitting with the brand – while also assuring it was beautiful to look at and efficient to develop. To ensure a faithful execution, we also developed a robust styleguide.

No items found.

No items found.

No items found.

No items found.

Before the redesign

Previous design: homepage
Previous design: fans
Previous design: architects and engineers page
Previous design: warehouse and distribution page
No items found.

Process

Pixel sizes based on golden ratio rearranged in a table format
Proposed site map
Navigation elements
Mockup of designed homepage in a laptop and tablet breakpoint
Page bottom CTAs
No items found.

Process

No items found.

Final delivery

Homepage: desktop
Homepage: tablet
Air Elite product about page
Article page
Article page with grid overlay
Article page: tablet breakpoint
Product homepage: desktop
Product homepage: tablet
MacroAir: style guide: cover
MacroAir: style guide: color
MacroAir: style guide: typography
MacroAir: style guide: grid
MacroAir: style guide: call to actions
No items found.

Final delivery

No items found.

From our clients...

LET'S HAVE COFFEE

Want results like these?

Let's chat about your digital needs. We love to be the good guys. We know you've probably been burned before, and our first job will be to rebuild your faith. That starts with a cuppa joe, on us.

LET'S CHAT ☕