Product stories, crafted through graphic design.
Handcrafted brand imagery for HubSpot’s website, developed through wireframes, design prototypes, and detailed graphic design.
- Brand Imagery
- Wireframes
- Design Prototypes
- Graphic Design
HubSpot.
HubSpot provides a customer platform that connects marketing, sales, and customer service. Lil Horse created branded product imagery for its website feature pages.
Where we started.
The opportunity was to make product features easier to understand through clear visual stories. Each composition needed to reflect HubSpot’s existing identity while guiding attention to the interface, content, or interaction being explained.
From wireframes to finished brand imagery.
We started with wireframes to organize each composition and explored different design prototypes before refining the final artwork. Product interfaces, simplified UI elements, typography, imagery, and graphic details were brought together through a hands-on design process.
All artwork was manually designed by our team, without automation tools or generative AI. Feedback rounds helped refine the hierarchy, visual consistency, and clarity of each piece.
- Wireframes and visual composition planning
- Design prototypes and iterative refinement
- Branded product imagery and simplified interface graphics
- Manual graphic design and final artwork for website feature pages
From structure to a visual story.
Wireframes and design prototypes shaped the hierarchy of each piece. These final compositions show how template selection, editing, and publishing become clear visual narratives.
Features made easier to understand.
Purpose-built graphics explain security and conversation features through simplified shapes and interface elements. Each is a manually designed visual asset for product communication.
Complex features.
Clear visual stories.
The project delivered a cohesive set of product illustrations and interface-led visuals for HubSpot’s feature pages. The final pieces make website-building and product concepts easier to follow while staying aligned with the existing brand.
Clear product storytelling
Visual hierarchy, interface cues, and focused compositions guide attention to the feature being explained.
A consistent visual family
Shared styling connects template selection, content editing, publishing, security, and conversation graphics.
“I was impressed by their wireframing techniques and the design prototypes.”