BAOBAB
An international swimwear and resort wear brand focused on style and sustainability. Founded in Colombia, it operates in the premium fashion segment, with collections available in over 50 countries through leading global retailers and its own stores.
About the project
Shopify website redesign and subdomain setup for the global swimwear and resort wear brand.
Project overview
- Redesign the existing website on the Shopify platform according to the client’s provided mockup.
- Create 2 versions of the website: an international version and a Colombian subdomain version. Both versions share a unified design but are adapted to local needs.
- Modernize website functionality: customizing the color filter system, developing the Complete the Look feature, implementing Add to Cart with size selection, setting up a promo bar in the cart, introducing a tagging system for products, and more.
- Responsive design.
Online store design
The online store has clear navigation with many categories. Strong attention was given to the visual presentation of categories and collections, using numerous banner images that reflect a premium fashion style.
Product page
The product page focuses on visual presentation and a smooth selection process. The main focus is on large photo content. Each product page includes all essential eCommerce elements: size selection, clear call-to-action, size chart access, detailed product description, and delivery and return information. The page structure is logical and easy to understand. It is not overloaded with secondary elements and matches the premium positioning of the brand.
The recommended products section at the bottom of the page increases engagement and average order value. The overall user experience encourages fast purchase decisions.
Functionality and main tasks of the redesign
- The main task was to redesign the Shopify theme and update key functional blocks.
- Dynamic menus were implemented so that subcategories change depending on the selected main category.
- A submenu section was set up to show relevant collections for each main category.
- A tagging system for products was introduced using Shopify tags or metafields.
- A hover effect was added to product cards so that an alternate product image appears on hover, for example, an image without the model.
- An interactive Color Selector was implemented to change the product image when a color is clicked.
- Color filters were created with shades grouped into basic colors, for example, all shades of blue are grouped as Blue, red as Red.
- The cart shows an indicator of how much is left for free shipping. Threshold values are set for each market.
"Complete the look" feature
The “Complete the look” feature shows related products on the product page and helps customers create a complete look during the purchase process. Related products are automatically displayed on the product page and can be added to the cart separately. This feature follows Shopify’s standard logic.
Solutions for BAOBAB
- We redesigned the Shopify theme following the client’s mockup and fixed technical and UX issues from the previous version.
- We built a stable and scalable Shopify setup to support the brand’s international growth.
- The website has two versions. The international and Colombian versions share the same design but adapt to each market.
- We improved navigation, added an advanced filter system, set up tags and metafields for easy product management, and customized the cart.
Our Shopify redesign created a reliable platform for BAOBAB to grow as an international premium swimwear and resort clothing brand.
To lead the eCommerce market, you need ambition and possibilities to grow. We assist our clients in achieving real business results.