Large E-commerce inventory

delivering solid experiences

A complex Webflow-based e-Commerce solution tailored to a wide inventory of products

Taking Webflow's eCommerce default capabilities to a higher level

Learn how Quo helped Smoofs to bring coziness to their bean bags customers throughout an e-commerce that offers them an engaging and solid purchasing experience.

Smoofs required efficiency in the creation and update of their UI for experimentation as quickly as possible. Additionally , the e-commerce was to hold a large inventory with three levels of categories and lists. Filtering options was necessary for users in order to have a great experience when browsing through the catalog. On top of that, a unique layout for product variants, a shopping list, a unique cart and checkout experience, ratings and reviews, Q and As, and a smart search and filtering options was key to the store's success.

Our Work

First, Quo aimed for a tech stack and designed alayout that would allow Smoofs to hold an inventory with three levels ofcategories to browse through, and more than 300 products available . Second,our platform election would allow marketers to iterate fast and efficientlywith UI experimentation. Third, Quo made room for API integrations which Smoofswould use to synchronize data between the CMS and external databases such asinventories, reviews, orders tracking, and editors workflows which could bemanaged through other systems as needed (not tied to the eCommerce CMS). Fourth, Quo worked on escalation.

Related services

Webflow

Emails Design

eCommerce

Landing pages

Websites

API Synced Product Reviews

Our approach untied Smoofs long run dependency on any specific CMS. This is particularly valuable for reviews. Smoofs features reviews functionality, reviews excerpts, reviews sorting, and reviews ordering for uplifting customer's trust. We made it possible for staff to sync reviews data via API – e.g. 3rd party reviews software – dramatically improving efficiency for store administration.

Smart search & filtering

Customers are able to refine their search across listings by categories, price range, and custom features for comparable products (color, size, fabric, certifications, and more that might be required by Smoofs). Simple and multiple selection for products filtering is also possible, as well as sorting results.

Shopping list, cart, and checkout

A made-to-measure user experience allows customers to add products to their shopping list while they are browsing through the store. Whenever they are willing to purchase, they can add items to their cart and review them just before proceeding to checkout.

Multi category navigation

Smoofs is having the flexibility required to hold a three-levels-category store (grandparent, parent, and child categories of products). Not only the navbar is beautifully showcasing this hierarchy, but also each category type is having a unique page layout that aims to enhance browsing and product discovery.

A layout fitting business needs

After having researched and compared key user interfaces across more than thirty major US stores, it was determined no theme at any standard eCommerce solution would be a fit for Smoofs. Thus, the UI and experience elements for our project were created based on scientific research and aiming to fulfill specific purposes. Frequency analysis on our sample allowed us to observe and gather insights on how key elements were likely to perform the better: Navigation, footer, checkout, product page, categories, and listings. Every aspect of Smoofs was designed in pursuit of sales performance and positioning it at the ground of the US major stores.

Carlos Briceño, Creative Director - Smoofs

Smoofs required the possibility to iterate fast with their UI, while holding a large store inventory, having complex filtering options, syncing data via API, and offering a custom experience. And against that requirement, our approach untied Smoofs dependency on any specific CMS, since having the data Synchronized between databases via API, making possible for staff to use the software that was more efficient to them for managing all the content and products.