Zangar
Live WebsiteZangar, a custom and handmade online fine jewelry brand, sought to enhance its digital presence and elevate the overall user experience on its website through a comprehensive redesign. The goal was to create a visually appealing, user-friendly platform that caters to a diverse audience and redefines the brand's identity.
Overview
Zangar
Problem
Zangar, a custom and handmade online fine jewelry brand, sought to enhance its digital presence and elevate the overall user experience on its website through a comprehensive redesign. The goal was to create a visually appealing, user-friendly platform that caters to a diverse audience and redefines the brand's identity.
Solution
Our team re-designed the overall look of the website to authentically incorporate the brand’s unique visual language into all aspects of user experience.
View Final Solution
Tools
Figma, Adobe Illustrator, Adobe Photoshop, Milanote, Notion
Research
User Survey
We conducted user surveys to identify user pain points and identify user needs and desires. Our hypothesis was that the current online jewelry shopping experience lacks clarity and visual hierarchy. To read more and see the questions in the survey click here.
User Persona Analysis
We conducted user persona analysis to refine the target customer base: Conducted in-depth analysis based on user personas to understand the diverse needs and preferences of Zangar's audience, spanning different age groups, lifestyles, and income levels. To see the details of each persona please click here.
Ideate
Design Strategy
Clear Visual Hierarchy: Implemented a visually clear hierarchy to guide users seamlessly through the website, ensuring essential elements such as featured collections, new arrivals, and promotions stand out.
Balanced Image-Text Ratios: Standardized image-text ratios to create a harmonious visual experience, allowing users to better understand and engage with product details.
Improved Information Architecture: Redesigned the information architecture to categorize content logically, making it easier for users to navigate and find relevant information. Specifically, we focused on easier navigation within the structure by incorporatingan
Visual Consistency: Established a consistent and visually appealing color scheme to enhance brand identity and create a cohesive online presence.
Ideate
Design System
To create Zangar's design system, we closely collaborated with the founder to distill their brand essence. Through research and discussions, we identified key design values such as boldness, elegance, and cultural richness, translating them into a cohesive palette of colors, typography, and design elements. This resulted in a comprehensive style guide, providing guidelines for imagery, layout, and interaction design, ensuring consistency and distinction across all brand touchpoints. Prioritized user-centric features such as quick product views, clear explanations, streamlined navigation, and a structured information hierarchy to improve overall user experience.Implemented a visually clear hierarchy to guide users seamlessly through the website, ensuring essential elements such as featured collections, new arrivals, and promotions stand out.
Sketches & Low-Fidelity
Prototypes
We started with rough sketches to jot down our initial ideas and brainstorm new concepts for specific UI elements. Then, based on the feedback and insights gathered from research and analysis, we crafted a basic prototype to kickstart user testing.
High-Fidelity Prototype
By infusing Zangar brand identity with elements inspired by nature and ancient Persia, our high-fidelity prototype aims to captivate their unisex, primarily female audience, ensuring a seamless and visually compelling user experience that solidifies Zangar's position in the competitive jewelry market.
