top of page
Bang-Rainbow-Unicorn-Wordmark-B 2.png

E-Commerce Website

I led the product and design strategy for a new e-commerce experience, collaborating with cross-functional teams to create a more intuitive platform. This resulted in a 25% increase in online sales and a 40% boost in customer engagement.

Bang-ecommerc-desktop-mockup.png
bang-ecommerc-phone-mockup.png

How might we design a secure website for customers to explore and buy products while providing the company user data to continue creating a seamless experience? 

Business's Problem Space

Based on the data analysis, I identified a 30% decline in customer engagement, primarily on checkout and product pages. 

Main Customer Insights

"I never knew Bang Energy sold other products besides energy drinks, and there is not much information about them."

Main Business Insights

"As a business, we want to build product knowledge, collect data insights to drive business growth, and optimize the checkout flow." 

Within months of the website launching, I saw a 40% increase in customer engagement and a 25% increase in online sales.

Customer's Journey

I created a visual journey to align leadership goals and identify key opportunities for impact.

Click image to view

Bang Energy Research Insight User Journey.png

Personas that represent my research insights and makreting's target audience. Click images to view

Bang - Sammy Persona.png
Bang - Charly Persona.png
Bang - Mike Persona.png

Site Map

I developed an extensive site map for our external development partners to understand the website’s scope and structure.

Click image to view

bang-energy-site-map.jpg

Final Design

I launched a user-centered e-commerce website, creating a brand and user-centered design that focused on optimizing flows and educating customers on the products and company from a fresh point of view. 

Bang shop page mockup.png

Homepage

The homepage strategy is designed to educate customers and effectively showcase Bang Energy's brand identity and product offerings.

Bang Energy Homepage.png
Bang Energy Homepage.png
Bang Energy Homepage.png
Bang Energy Homepage.png

Shop & Merch Landing Pages

The strategy for the shop and merch landing pages focuses on promoting product collections and monthly offers. In my data analysis, I identified that users preferred exploring a wider range of products rather than engaging with product and promotional banners. Based on this insight, I designed a layout featuring carousels and supporting banners to highlight key product categories, flavors, and new product spotlights.

Bang Energy Shop Landing.png
Bang Energy Shop Landing mobile.png
Bang Energy Merch Landing.png
Bang Energy Merch Landing Mobile.png

Brand Pages

The brand pages were designed to educate customers about our various brands and highlight the benefits of each product. For the launch, I prioritized our three top-selling brands—Bang Energy, VOOZ Hydration, and Meltdown Energy—to ensure a focused and impactful introduction.

Product Pages

The product description pages were customized from a template to emphasize key benefit callouts that customers prioritize when purchasing beverages or supplements and displaying product variants. 

Bang RTD Product Page.png
Bang RTD Product Page Benefits.png
Bang 6 Pack Product Page.png
Bang 6 Pack Product Page Description.png

View Cart

I optimized the cart with a user-centered design, providing seamless access while enabling customers to maintain their place on the website and continue exploring additional products.

Bang View Cart No Products.png
Bang View Cart No Products Mobile.png
Bang View Cart.png
Bang View Cart Mobile.png

Checkout

I designed a seamless and intuitive user experience aligned with industry-standard e-commerce practices to ensure consistency. This approach led to a 25% increase in online sales, recovering from the previous 30% drop-off rate across the website.

Bang Guest Checkout.png
Bang Guest Checkout Mobile.png
Bang Returning Checkout.png
Bang Returning Checkout Mobile.png

Appreciation Discount Page

Implementing an appreciation discount has fostered customer loyalty while providing the company with a meaningful way to give back to its most dedicated customers.

Bang Appreciation Discount.png
Bang Appreciation Discount Mobile.png

Giveaway Pages

The marketing team launched multiple giveaways to capture emails and grow their subscriber base for email marketing. I designed a standardized template to ensure a consistent user experience, making the form submission process more intuitive and less intimidating than traditional forms.

Bang Giveaway Share your story.png
Bang Giveaway Share your story forms mobile.png
Bang Giveaway Share your story mobile.png

Instagram Link Page

The original Instagram page did not effectively benefit the company, so we developed a dedicated webpage to drive more traffic to the website, enhancing its visibility and engagement.

Bang Instagram Link Page Mobile.png

Want to see more projects?

Smile because you can. Design because you can.

© 2024 by Kajal Boghara. 

bottom of page