Elevating BySage’s Digital Identity
Elevating BySage’s Digital Identity
Role:
UX Designer
Role:
UX Designer
Tools:
Figma
Tools:
Figma
Timeline:
10 Weeks
Timeline:
10 Weeks
Class:
Web Design
Class:
Web Design
growing a new website for BySage
growing a new website for BySage
BySage is a San Diego streetwear brand reimagining everyday wear with earth-toned, high-quality collections.
BySage’s founder Cameron sells via Instagram, TikTok, and a BigCartel site for limited drops, making it hard for customers to see his full range.
BySage is a San Diego streetwear brand reimagining everyday wear with earth-toned, high-quality collections.
BySage’s founder Cameron sells via Instagram, TikTok, and a BigCartel site for limited drops, making it hard for customers to see his full range.
that's where we come in
that's where we come in
After hearing about this problem, we built a platform to centralize products, showcase craftsmanship, and deliver an intuitive, nature-inspired shopping experience.
After hearing about this problem, we built a platform to centralize products, showcase craftsmanship, and deliver an intuitive, nature-inspired shopping experience.
how might we
how might we
Strengthen BySage’s online shopping experience as a small brand, focusing on unique storytelling and customer service.
Strengthen BySage’s online shopping experience as a small brand, focusing on unique storytelling and customer service.
what does the competition look like?
what does the competition look like?
tell me more
tell me more
Figure 1: Our In-Depth Analysis of Each Brand’s Website
what did we learn?
what did we learn?
5 Key Principles
Optimize Mobile Responsiveness: Ensure a seamless shopping experience across various devices by prioritizing full mobile responsiveness.
Adopt a Minimalist Design Approach: Use minimal text paired with clean graphics and large images to create a sleek and user-friendly interface.
Organize Product Categories Effectively: Design clear product category layouts with representative images and concise descriptions to enhance the browsing experience.
Craft Engaging Web Copy: Develop a warm, welcoming tone in all copy to create an inviting and approachable atmosphere for visitors.
Design Intuitive Navigation: Streamline navigation by minimizing excessive scrolling, implementing static pages, buttons, and sticky menus for easy access to content.
Optimize Mobile Responsiveness: Ensure a seamless shopping experience across various devices by prioritizing full mobile responsiveness.
Adopt a Minimalist Design Approach: Use minimal text paired with clean graphics and large images to create a sleek and user-friendly interface.
Organize Product Categories Effectively: Design clear product category layouts with representative images and concise descriptions to enhance the browsing experience.
Craft Engaging Web Copy: Develop a warm, welcoming tone in all copy to create an inviting and approachable atmosphere for visitors.
Design Intuitive Navigation: Streamline navigation by minimizing excessive scrolling, implementing static pages, buttons, and sticky menus for easy access to content.
now lets learn more about who are customer are
now lets learn more about who are customer are
We gathered 23 survey responses from potential, non-frequent, and frequent customers
We gathered 23 survey responses from potential, non-frequent, and frequent customers
90%
90%
Found the brand through social media (mainly Instagram and TikTok)
Found the brand through social media (mainly Instagram and TikTok)
40%
40%
Questioned the legitimacy and wanted more background
Questioned the legitimacy and wanted more background
87%
87%
Of those who had previously bought a product were satisfied and would purchase again
Of those who had previously bought a product were satisfied and would purchase again
One respondent said:
"I really like the vibe of the business, but the only thing I can really base it off of is the Instagram and there are so many brands like this that exist so it doesn't really stand out as much"
On purchase hesitations, one respondent said:
"I really like the vibe of the business, but the only thing I can really base it off of is the Instagram and there are so many brands like this that exist so it doesn't really stand out as much"
lets put a face to these customers
lets put a face to these customers
Figure 2: User Personas To Reflect Our Customers
How did we come up with these clients?
How did we come up with these clients?
When surveying, the primary demographic for BySage’s products was mainly a younger audience
With the new website, we wanted to ensure to capitalize on his primary demographic, but also be able to reach other age-ranges by helping the overall discoverability of the brand
When surveying, the primary demographic for BySage’s products was mainly a younger audience
With the new website, we wanted to ensure to capitalize on his primary demographic, but also be able to reach other age-ranges by helping the overall discoverability of the brand
planting the seed
planting the seed
We wanted to stress the importance of being able to display the products
We wanted to stress the importance of being able to display the products
Figure 3: Early Designs of the Website
a fully grown website
a fully grown website
Our main focus with the landing page was to ensure that the brand could build trust with consumers through the initial visit.
Our main focus with the landing page was to ensure that the brand could build trust with consumers through the initial visit.
We prioritized the user experience by strategically placing the 'Who Are We' and 'Popular Items' sections at the forefront, ensuring key information is immediately accessible and engaging for visitors.
We prioritized the user experience by strategically placing the 'Who Are We' and 'Popular Items' sections at the forefront, ensuring key information is immediately accessible and engaging for visitors.
We incorporated the 'Our Style, Our Way' section to showcase the brand’s engagement and foster a deeper connection with its consumers, emphasizing interactive and personalized experiences.
We incorporated the 'Our Style, Our Way' section to showcase the brand’s engagement and foster a deeper connection with its consumers, emphasizing interactive and personalized experiences.
an artisan's story
an artisan's story
BySage aims to inspire fellow artisans through hand-crafted clothing and authentic storytelling. We showcased a brand timeline and past collections to highlight its true artistry.
BySage aims to inspire fellow artisans through hand-crafted clothing and authentic storytelling. We showcased a brand timeline and past collections to highlight its true artistry.
having trouble finding what you want?
having trouble finding what you want?
We introduced a more intuitive filtering and cart systems for a seamless shopping experience.
We introduced a more intuitive filtering and cart systems for a seamless shopping experience.
need help about your package?
need help about your package?
A brand new centralized hub for contacting BySage and accessing shipping information
A brand new centralized hub for contacting BySage and accessing shipping information
closing statements
closing statements
This was one of my favorite projects that I’ve done. Being able to work with a local business that I’m passionate about made the process rewarding!
It did teach me about the importance of communications especially when working with a client.
I would like to thank my team members: Donovan Le, Caitlyn Cielo, and Mark Morera and Cameron from BySage for making this project possible!
This was a fun one. Being able to work with a local business that I’m passionate about made the process rewarding!
It did teach me about the importance of communications especially when working with a client.
I would like to thank my team members: Donovan Le, Caitlyn Cielo, and Mark Morera and Cameron from BySage for making this project possible!