Product Design, Brand Identity
Product Design, Brand Identity
Mar — May 2026
Mar — May 2026
Figma, Generative AI, Photoshop
Figma, Generative AI, Photoshop
01
01
THE CONTEXT
THE CONTEXT
Heatmap helps small businesses create AI-powered marketing videos. I led the redesign, creating a unified brand and product experience.
Heatmap helps small businesses create AI-powered marketing videos. I led the redesign, creating a unified brand and product experience.
Heatmap helps small businesses create AI-powered marketing videos. I led the redesign, creating a unified brand and product experience.
Heehyeon Han - Brand Identity & Product Design
Yeshwanth Govindarajan - Software Development
Hannah Wyatt - Marketing
Heehyeon Han - Brand Identity & Product Design
Yeshwanth Govindarajan - Software Development
Hannah Wyatt - Marketing
Heehyeon Han - Brand Identity & Product Design
Yeshwanth Govindarajan - Software Development
Hannah Wyatt - Marketing
02
02
DESIGN SYSTEM
DESIGN SYSTEM
A new visual language was created through a refined wordmark, a flexible gradient system, and a vibrant color palette. Together, they became the foundation for every product touchpoint.
A new visual language was created through a refined wordmark, a flexible gradient system, and a vibrant color palette. Together, they became the foundation for every product touchpoint.
A new visual language was created through a refined wordmark, a flexible gradient system, and a vibrant color palette. Together, they became the foundation for every product touchpoint.
03
03
PRODUCT EXPERIENCE
PRODUCT EXPERIENCE
Every workflow was redesigned to reduce cognitive load while reinforcing a consistent visual language.
Every workflow was redesigned to reduce cognitive load while reinforcing a consistent visual language.
Every workflow was redesigned to reduce cognitive load while reinforcing a consistent visual language.
ONBOARDING
ONBOARDING
ONBOARDING
Prioritized insights
Prioritized insights
Prioritized insights
The onboarding experience prioritizes the most important brand insights while removing secondary information. Relevant examples build confidence before users create their first video.
The onboarding experience prioritizes the most important brand insights while removing secondary information. Relevant examples build confidence before users create their first video.
The onboarding experience prioritizes the most important brand insights while removing secondary information. Relevant examples build confidence before users create their first video.
→
→
→
BRNAD ANALYSIS
BRNAD ANALYSIS
BRNAD ANALYSIS
Scannable insights
Scannable insights
Scannable insights
Complex analysis was reorganized into a clear hierarchy using scores, tags, and visual grouping, making key recommendations easier to scan before diving into the details.
Complex analysis was reorganized into a clear hierarchy using scores, tags, and visual grouping, making key recommendations easier to scan before diving into the details.
Complex analysis was reorganized into a clear hierarchy using scores, tags, and visual grouping, making key recommendations easier to scan before diving into the details.
→
→
→
PRICING
PRICING
PRICING
Clear pricing
Clear pricing
Clear pricing
The pricing page makes the free plan immediately visible while clearly differentiating premium features, helping users understand upgrade value before making a decision.
The pricing page makes the free plan immediately visible while clearly differentiating premium features, helping users understand upgrade value before making a decision.
The pricing page makes the free plan immediately visible while clearly differentiating premium features, helping users understand upgrade value before making a decision.
→
→
→
04
04
DESIGN INSIGHT
DESIGN INSIGHT
The strongest brand systems don't stop at identity. They continue through every screen, every decision, and every interaction.
The strongest brand systems don't stop at identity. They continue through every screen, every decision, and every interaction.
The strongest brand systems don't stop at identity. They continue through every screen, every decision, and every interaction.
Other projects
Other projects