[re]

Elevating BySage’s Digital Identity

Role:

UX Designer:

Role:

UX Designer:

Timeline:

10 Weeks

Timeline:

10 Weeks

Tools:

Figma

Tools:

Figma

Class:

Web Design

Class:

Web Design

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

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

Strengthen BySage’s online shopping experience as a small brand, focusing on unique storytelling and customer service.

what does the competition look like?

Chart of competitor brands that were analyzed

tell me more

Figure 1: Our In-Depth Analysis of Each Brand’s Website

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

We gathered 23 survey responses from potential, non-frequent, and frequent customers

90%

Found the brand through social media (mainly Instagram and TikTok)

40%

Questioned the legitimacy and wanted more background

87%

Of those who had previously bought a product were satisfied and would purchase again

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

Figure 2: User Personas To Reflect Our Customers

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

planting the seed

We wanted to stress the importance of being able to display the products

Figure 3: Early Designs of the 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.

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.

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.

having trouble finding what you want?

We introduced a more intuitive filtering and cart systems for a seamless shopping experience.

need help about your package?

A brand new centralized hub for contacting BySage and accessing shipping information

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!