Ferd Cosmetics

Coming soon

Ferd Cosmetics

Ferd Cosmetics does not think it should be difficult to find makeup that suits everyone, does not matter if you are more or less represented in society.
E-commerce
Web design
Ferd Cosmetics
Datum
March 2023
Development solutions
Webflow CMS
Webflow CMS
Shopify
Shopify
Airtable
Airtable
Liveprojekt

The challenge

Ferd Cosmetics encountered limitations with its previous WordPress site, such as limited customization options and difficulty meeting its specific business needs. They wanted a more flexible and customizable solution to improve their online presence and offer an outstanding shopping experience.

The solution

We proposed a headless e-commerce website solution by combining Webflow's visual design features with Shopify's robust e-commerce capabilities. This enabled Ferd Cosmetics to create a visually impressive frontend using Webflow, while leveraging Shopify's backend functionality for seamless inventory management, order management, and secure payment solutions.

The results

The implementation of the "headless" e-commerce website resulted in a highly customizable and visually appealing online store that perfectly matched Ferd Cosmetics' brand identity. The integration between Webflow and Shopify ensured efficient inventory management, streamlined order management, and secure transactions. This led to increased customer engagement and improved conversion rates for Ferd Cosmetics.

No items found.
We are super satisfied with the end result on our webshop! :) Peia did more than necessary to realize our vision. They are really professional and we had great communication throughout the project. We will definitely work with them in the future as well. :)
Rodiea Ramadan

Rodiea Ramadan

Ferd Cosmetics

More projects

Coming soon
More information

ZARC Hair Clinic

Coming soon
More information

Dé Shabéls Cosmetics

This site uses cookies. Read our privacy policy.
Instructions
To make this component work you must follow these steps:
  1. Add a Page trigger and select Page load
  2. Select the Loader 1 [Hide] animation inside When page finishes loading
  3. Position loader1_component inside page-wrapper
  4. Set loader1_component position to fixed and display to none
Note:
Sometimes there may be a bug where the website briefly flashes before the loader is displayed. To avoid this add the following custom code in your Site settings > Custom Code > Head code
<style>
 .preloader {
   display: flex;
 }
</style>