Live UX DESIGN
See top UX Designers turn ideas into interactive experiences using Adobe XD.
Watch now
Client: Beson4, a full-service marketing agency.

This is an interactive website infographic that illustrates the Beson4mula. Beson4 developed a 4-part marketing process to ensure a brand's success—including Vision, Strategy, Memorability, and Integration. Each step in the "brewing" process comes together to make success. I started with stock graphics of manufacturing/brewing systems, converting them to the brand colors and then customizing each in order to design this final system illustration. 

In order to make the graphic interactive on the agency's website, I created both an "active" full-color and an "inactive" grayscale PNG of the complete process, and also of each phase individually. Each individual phase is a colored PNG overlaid onto the grayscale PNG - so that when the viewer hovers over and clicks each step, the phase becomes active and displays the description.