Aroma Fields — магазин WooCommerce для виробника косметики
Багатомовний сайт електронної комерції, розроблений з вільної концепції, що працює роками
Role: Structure, design adaptation, WordPress development · Year: 2021–2022 · Stack: WordPress / WooCommerce / OceanWP / Elementor / Polylang
Багатомовний інтернет-магазин українського виробника крафтової косметики
Рік: 2021-2022
Тип проєкту: Розробка магазину WooCommerce
Платформа: WordPress
Стек: OceanWP / Elementor / WooCommerce / Polylang
Мови: 2
{/}
Про клієнта
Aroma Fields – український виробник натуральної крафтової косметики, розташований у Київській області.
Бізнес поєднує власне вирощування лаванди та подібної рослинної сировини з власною переробкою на готову продукцію, таку як ефірні олії, гідролати та інші натуральні косметичні засоби.
Це не магазин реселерів, а сайт справжнього виробника з власною сировинною базою, лінійкою продуктів та фірмовим стилем.
{?}
Завдання
На початку проєкту клієнт не мав чітко визначеної структури сайту або готового дизайну.
Завдання базувалося на приблизних ескізах PowerPoint та загальному баченню бажаного результату.
Отже, завдання вийшло за рамки стандартного налаштування магазину WooCommerce:
- перетворення приблизної концепції на робочу структуру сайту;
- формування візуального напрямку безпосередньо в робочому процесі в реальному часі;
- адаптація вітрини магазину до бренду крафтової краси з м’яким, чистим стилем презентації;
- створення двомовного веб-сайту з самого початку;
- створення практичного інтернет-магазину, придатного для реального довгострокового використання.
Протягом процесу візуальний напрямок змінювався кілька разів відповідно до відгуків клієнта, тому проєкт розвивався ітеративно, а не за фіксованим, попередньо затвердженим макетом.
{*}
Підхід та реалізація
Сайт було створено на WordPress з використанням WooCommerce, з темою OceanWP як основою та Elementor для основних статичних сторінок.
Як технічну відправну точку було використано один зі стартових макетів OceanWP. В процесі розробки він був так ґрунтовно перероблений, що у фінальній версії майже нічого не залишилося від оригінального макету.
Впровадження включало:
- розробка загальної структури сторінки та логіки вітрини магазину;
- візуальна адаптація дизайну у безпосередній співпраці з клієнтом;
- створення ключових сторінок контенту в Elementor;
- Налаштування WooCommerce для каталогу товарів та функціональності магазину;
- двомовна конфігурація з використанням Polylang з самого початку проекту.
Це був випадок, коли остаточний інтерфейс формувався поступово в процесі живої розробки, шляхом багаторазового вдосконалення як структури, так і представлення.
{!}
Зміни після запуску та межі проекту
Після завершення початкової розробки магазину, на прохання клієнта, сторонні фахівці виконали додаткову роботу з технічної оптимізації з метою покращення продуктивності.
Протягом наступних років веб-сайт також природно розвивався: товари додавались або видалялися, тексти редагувалися, а медіаконтент змінювався.
Через це поточну активну версію слід розглядати як активно підтримуваний бізнес-сайт, а не як заморожений знімок оригінального релізу.
Водночас, фундаментальна структура та підхід до компонування ядра, створені під час початкової розробки, залишаються чітко впізнаваними. Саме ця частина проекту відображена в цьому портфоліо-кейсі.
{+}
Результат
Результатом проєкту став двомовний магазин WooCommerce для реального українського виробника крафтової косметики.
Що ще важливіше, сайт не залишився короткочасним проєктом: він продовжує функціонувати вже кілька років як активний бізнес-сайт.
Для мене це головна цінність справи.
Не тому, що сайт залишився незмінним — він природно змінювався.
Але тому, що початкова структурна та візуальна основа виявилася достатньо міцною, щоб підтримувати тривале використання в реальному бізнесі.
Нотатки
Цей кейс вартий включення до портфоліо саме тому, що він відображає реальний життєвий цикл сайту, а не ідеалізовану «щойно запущену» презентацію.
Проєкт розпочався без чіткої системи дизайну, зазнавав численних змін під час розробки, пізніше був технічно оптимізований іншими фахівцями та продовжував змінюватися за змістом після запуску.
Це робить його менш «стерильним», ніж типова демонстраційна версія, але більш переконливим як доказ практичної роботи.
Сайт WooCommerce, який продовжує працювати роками після запуску, є сильнішим сигналом, ніж візуально ідеальний, але неактивний проєкт.
…Якщо ви хочете обговорити проєкт, уточнити вимоги або розглянути можливі варіанти співпраці, ви можете знайти всі контактні дані на сторінці контактів.