Ecotec
Art Direction, Web Design, Branding
Agency
Material+
Ecotec, a provider of industrial methane and greenhouse gas monitoring solutions, partnered with Material for a comprehensive rebrand and website redesign. Working on a three-person design team, I helped lead the creation of a new identity system. This included a logo redesign, a fresh visual language, and foundational brand guidelines built to extend naturally into digital.
We started the project with a brand and competitor audit alongside stakeholder interviews, which uncovered opportunities to position the company in a shifting market. After several rounds of exploration and refinement, we established a flexible identity system designed to support both the core brand and the upcoming digital experience.
As the work moved to the web, I stepped into the role of sole design lead. I guided the entire experience from wireframes and user flows straight through to high-fidelity design and interactive prototyping.
PROJECT 03
The experience was built around ten core templates that could scale across the wider site. Interactive prototypes and a design language system gave developers guidance on responsive behavior, typography, components, and micro-interactions.
Below are some logo explorations that
were left on the cutting room floor.
Result
We treated the entire engagement as a unified system, from identity development straight through to digital execution. I worked with a small team on the initial rebrand and acted as the golden thread as we transitioned into the website design, ensuring the creative direction stayed consistent from start to finish.
The resulting design language system gave developers a scalable framework that extended well beyond the initial ten-page build. This streamlined the implementation process and gave Ecotec a strong foundation for future growth. By collaborating closely with developers, copywriters, insights specialists, and our in-house SEO strategist, we delivered a cohesive brand evolution and measurable results for the client.