Ayla Parfums

Visit live site

Shopify

Liquid

JavaScript

CSS

HTML

Premium perfume e-commerce platform built with Shopify, featuring a custom theme, 200+ product catalog, quick order system, and cash-on-delivery payment.

Project Goals

Build a high-converting Shopify store for a premium perfume brand with a custom theme that reflects luxury, enables quick ordering, and drives sales across Morocco.

Challenges

∘Creating a custom Liquid theme that balances luxury aesthetics with fast load times
∘Implementing a seamless 'Pack' product configurator (choose 3 perfumes, one price)
∘Optimizing product pages for SEO with 200+ perfume variants

Solutions & Features

Key Features

Custom Shopify Liquid theme
Pack configurator (3 perfumes for 200 MAD)
Quick order form with COD payment
WhatsApp integration
200+ product catalog with categories
Multilingual (French/Arabic)

Development Process

1Developed a custom Liquid theme tailored to the brand identity
2Built a custom product bundling solution for the 'Pack' offer
3Integrated a quick-order checkout flow to reduce friction
4Optimized images and templates for Core Web Vitals

Achieved Results

4.9★ average rating (3,720+ reviews)

200+ products listed across 4 categories

Free delivery nationwide driving conversions

Custom pack offer increasing average order value

Need a high-performing Shopify store for your brand? Let's build it together!

Get in touch

Explore recent client work

RenovPlus Solutions Website

Professional renovation company website built with WordPress and Divi Builder, featuring project galleries, service information, and contact systems.

WordPress

PHP

CSS

View

Ouai Salon Website

Elegant WordPress website for a beauty salon featuring service listings, booking information, and portfolio gallery with responsive design.

WordPress

PHP

CSS

HTML

View

MedElmkaoui Portfolio

Modern developer portfolio showcasing projects, skills, and contact information. Built with cutting-edge Next.js 15 features for optimal performance.

Nextjs

React

Tailwind CSS

TypeScript

View

PrepWise

AI-powered interview preparation platform that helps developers practice technical and behavioral questions with instant feedback. Users can simulate real interviews for roles like Frontend or Full Stack Developer. Built using Next.js, Node.js, Tailwind CSS, and integrated with OpenAI API.

Nextjs

Vapi

Tailwind CSS

OpenAI API

View

Evolution Products

Online store for Evolution Products, a Moroccan supplier of cleaning products and services. Offers tailored solutions for individuals and businesses. Built with Nuxt.js, Node.js, Express, and styled using Tailwind CSS.

Nuxtjs

Nodejs

Express

Tailwind CSS

View

MethqalImmo Real Estate Platform

Modern real estate platform built with Nuxt.js frontend and Laravel API backend, featuring property listings, advanced search, and agent management systems.

Nuxtjs

Laravel

Vuejs

MySQL

Tailwind CSS

View

Maronalum – Aluminum & Interior Storefront

Online storefront for Maronalum, a Moroccan aluminum and carpentry company. Highlights modern interiors and contact info. Built using Youcan store platform.

Html

Css