Hero visuals for two Leap Labs landing pages, translating product functionality into stories about lead research and personalized outreach.
CONTEXT
Leap Labs brings AI models and connected tools into automated workflows for marketing and sales. The team needed hero visuals for two landing pages, each introducing a different use case: researching leads and personalizing outreach.
PROBLEM
With limited time and internal design resources, Leap needed visuals that could communicate these workflows at a glance. The challenge was to show the relationship between information, automation, and output within a single hero image.
Understanding the product before designing the image
To produce impactful images for the hero sections of landing pages, it was vital to comprehend the company and its offerings, test the product, and conduct thorough research. During my design process, it's crucial to find examples of successful designs that align with my objectives. I started by exploring Leap and testing the workflows behind the two landing pages. This helped me identify the information people provide, the actions the platform performs, and the results it produces. Alongside this product study, I collected references for interface-led hero images and explored different compositions. The aim was to find a visual direction that connected the product’s functionality with the message of each page.
Turning interface details into a visual story
The product interface provided concrete elements to work with: contact fields, a workflow trigger, a research summary, and a personalized email. These details made the automation tangible. For the hero compositions, I brought selected elements together around the main steps of each workflow. The design challenge was deciding what to emphasize so the image could introduce the feature without requiring visitors to read an entire interface.
A shared visual language
Proposals use dark surfaces, layered interface panels, and teal lighting to create a consistent visual direction. Each composition emphasizes a different part of the product: the transformation of information in lead research, and the connection between a prospect and a personalized message in outreach. Shown within the landing pages, the visuals support the headline and call to action while giving visitors a concrete preview of the workflow.
Outcome
The project produced two hero visual proposals for distinct Leap use cases. Together, they demonstrate how product interface elements can become communication assets, connecting a feature’s description with a visual representation of what it does.
