Smoofs eCommerce

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
Smoofs A1
Smoofs A2
Smoofs A3
Smoofs A4
Smoofs A5

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.
Smoofs B1
Smoofs B2
Smoofs B3
Smoofs B4
Smoofs B5
Smoofs B6
Smoofs B7
Smoofs B8

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.
Smoofs C4
Smoofs C3
Smoofs C2
Smoofs C1

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.

A great experience, everywhere

No shortcuts. The mobile interface is custom and sweet for every corner of the store, and for every device. Everything is optimized: the navigation bar, the search field, the mega menu for categories, the floating cart, the shopping list, the products list, the checkout… and of course, the product page.
No items found.

Credits

Head Software Developer
Maria Salas
Branding Designer
Diego González
Front-End Developer
Maria Salas
Creative Director
Carlos Briceño
Product Designer
Iriaxi Torres
Business and Marketing Researcher
Nelson Rojas
UI Designer
Diego González
Read next:
Sign-in Page Builder
for healthcare prescreening
Sign-in page drag and drop builder. Custom logic multi-step forms builder. Patients area.
We love new challenges
Reach us for software development, web solutions, marketing, and strategy.

General inquiries or not sure?

Contact us

Issues with software?

Contact support

Want to join our team?

Job applications

Software
Enterprise custom software development. Quality assurance. Web and mobile. All major technologies.
Websites
Clear design process. Business-research approached. Top usability industry standards.
Marketing
Deep research and analysis. Insight-driven content. Business strategy-focused.
Strategy
Data analysis. Ideas generation. A primary focus in sales goals.
LinkedIn
Google Reviews
Quo Agency
Look for a new angle
Quo Agency, Inc. 17 State Street Suite 4000, NY, New York.