We migrated Herbera from WordPress and WooCommerce to Shopify with a custom design and theme. We brought together what the team needed to manage their store, refresh the shopping experience, and turn the facial analysis tool into a useful way to recommend products and get to know their customers. Their previous website suffered from downtime, and many everyday changes required a developer. We defined the solution in Figma and migrated customers, orders, and content to a store they could update more independently.
First, understand what was wrong.
Then, build the solution.
Design, development, and migration were all part of the same project. While we prepared the new store, we also made progress on the data that was to accompany it.
01
Understand the needs
We gathered the flaws of the previous website, the tasks that complicated day-to-day operations, and the features that Herbera needed to incorporate. That list was the starting point of the project.
02
Design in Figma
We defined the experience and visual direction before coding. The Herbera team was able to review the proposals and finalize with us how the new store should work.
We apply the design to a custom Shopify theme. At the same time, we migrate customers, orders, and the agreed-upon information, keeping the data up to date until launch.
04
Review and launch
We worked with the Herbera team to resolve any details that arose during development. Once the store and migration were ready, we coordinated the final switch to Shopify.
The product,
before and after.
The product page for the same eye contour cream on WordPress and Shopify. Compare how the product, its information, and the purchase options are presented.
The homepage brings together the catalog, the laboratory, and facial analysis. The new design showcases the brand and offers different ways to find the right products.
The catalog can be explored by product type, skin type, or concern. The facial analysis offers another way to get started.
02 · Brand
The laboratory,
in the foreground.
The homepage makes room for Herbera’s laboratory and work, alongside its products and content. The brand identity is maintained throughout the page.
03 · Management
A home
that can change.
The editable sections allow the team to update featured products, images, and content to meet the brand's needs.
CUSTOM FACIAL ANALYSIS
Recommend better.
Know who is asking.
The previous quiz was buggy, and the information provided by those who completed it was lost. Herbera needed a diagnostic tool that would help customers choose products and also be useful after displaying a recommendation.
We developed a custom-built, customizable quiz integrated into their Shopify theme: the team can adapt the questions, products, and recommendation rules. Since it is a custom development, Herbera does not depend on third-party apps or their additional costs to offer this diagnostic tool.
With the customer's consent, their contact information can be added to Shopify, and their answers are connected to Klaviyo to segment customers by their skin needs and prepare more relevant communications.
The recommendation could be the start of a more personalized relationship.
The transfer of customers, orders, and agreed-upon information was handled while we developed the store. Before the final switch, we updated the data so that the launch would be based on the most recent information.
With that work completed, the transition from the old store to the new one took ten minutes. Herbera is now on Shopify’s managed infrastructure, with its own theme and tools that allow its team to continue working on the website more independently.
The Herbera experience.
We needed a website that lived up to Herbera and that we could manage day to day. The team understood what was holding us back and worked through every detail with us, from design to launch.
· Opens in a new tab
