A clearer story
for a complex product.
Connecting a technical platform to the people who need to understand it, through homepage design, explanatory diagrams and visual concepts for motion.
Make the complexity
easier to follow.
Canopy connects remote devices, operational teams and the actions that keep a business running. The homepage needed to make those relationships understandable, not simply list technical capabilities.
My contribution moved from visual-direction exploration into homepage layouts, diagrams, industry iconography and editable graphics for animated sections.
Show the product.
Explain its value.
The page combines a clear opening statement with concrete interfaces and information that helps people understand what the platform does.
From device activity
to visible action.
Three existing graphic mockups explore the product narrative at different scales: the fleet, the operator and the resolution of a specific issue.
Fleet overview
Give distributed devices a single, understandable overview.
Editable project mockups, with an optional motion preview.
Make the relationships
visible.
The diagram brief called for an intelligence layer between edge locations and operational action, rather than a generic hub with everything orbiting around it. These alternative visual studies explored that hierarchy.
Different disciplines.
One connected story.
My part: visual direction, homepage design, diagrams, iconography and editable visual mockups.
Justin Owings: content and feedback.
Pablo González Day / PGD: development, motion and responsive implementation.