Hybrid Vest - Homepage Design
Andrea Tam
Hybrid Vest - Homepage Design
Software & Tools We Used
Figma: Used to design the full page layout, define each section, and provide clear direction for the client’s development team, who custom-coded the final page.
Canva: Leveraged to enhance existing visuals and create new graphic elements used throughout the page.
Photoshop: Used for advanced image editing where deeper customization was needed, improving image quality and refining specific details.
Shopify: Powered the backend and hosted the domain.
Client Collaboration: Worked closely with Hybrid Vest’s founder to accurately capture their vision and translate it into a polished branding and design.
Our Approach
These are the main sections we included in the design:
Hero section highlighting the main benefits of the product
Hero Section Design
Why it’s different
Why it’s different Section Design
Main product feature
Main Product Feature Section Design
Limited edition version
Limited Edition Section Design
The science
The Science Section Design
All product features
Product Features Section Design
Use cases
Use Cases Section Design
Final call to action (CTA)
Final CTA Design
Like this project
Posted Feb 7, 2026
We created a premium homepage for Hybrid Vest to elevate the product premium-feel, show the product in use, and highlight the main features.
