Vanguard

Vanguard

Vanguard

Vanguard

E-commerce Website

A mockup for an iPhone placed on a table for a job portal app
A mockup for an iPhone placed on a table for a job portal app
A mockup for an iPhone placed on a table for a job portal app
A mockup for an iPhone placed on a table for a job portal app
A mockup for an iPhone placed on a table for a job portal app

Project

Shopify store

My Role

Product Designer

Tools

Figma Photoshop Procreate

Timeline

2024

Description

The Vanguard Umbrella website uses sleek design, high-quality visuals, and interactive elements to highlight product features. Minimalist visuals and lifestyle imagery showcase durability, elegance, and practicality, creating an engaging experience for style-conscious shoppers.

Context

This e-commerce store focuses on modern, high-quality outdoor essentials like the Vanguard Umbrella, catering to urban professionals seeking stylish, durable products that elevate their everyday experiences in unpredictable weather.

Challenge


Standing out in a competitive market by effectively communicating the Vanguard Umbrella's unique features—durability, modern design, and functionality—while building trust and attracting the right audience.


Process

Research & Ideation
Understanding the target audience, market trends, and competitors to define the brand's unique identity and style.


Visual Identity Creation
Designing a cohesive brand aesthetic, including logos, colour palettes, typography, and imagery reflecting modernity and functionality.


Product Presentation
Crafting high-quality visuals and videos showcasing the Vanguard Umbrella's features, such as windproof construction and ergonomic design, in real-life scenarios.


Website Design
Building a user-friendly e-commerce platform with intuitive navigation, engaging visuals, and interactive elements to highlight the product’s benefits.


Marketing Materials
Creating social media content, advertisements, and promotional campaigns to communicate the umbrella’s value and drive traffic to the site.


Testing & Optimisation
Gathering user feedback, analysing performance metrics, and refining designs and messaging for maximum engagement and sales.

Takeaway & Reflection


By blending functionality with modern aesthetics, I created a brand that attempts to connect with its audience and stands out in a competitive market. This reflects my attempt at demonstrating the importance of aligning visuals, user experience, and marketing for success.