™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_0
Назад

Інтернет-магазин BeautyFranko

™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_1
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_2
BeautyFranko

BeautyFranko: професійна косметика в один клік

Коли до нас звернувся інтернет-магазин BeautyFranko, головним завданням було створити сучасний ресурс, який поєднає зручність для покупців і простоту управління для команди. Ми зосередилися на ключових викликах, які потрібно було вирішити для бізнесу.

Виклик №1: Як зробити каталог простим і зрозумілим?

Асортимент BeautyFranko охоплює сотні позицій, тому важливо було не перевантажити користувача.

Рішення: ми створили чітку структуру каталогу з розділами: Новинки, Бренди, Акції, Корейська косметика, Декоративна, Догляд, Аксесуари, Манікюр, Парфуми. Особливу увагу приділили мобільній версії — каталог легкою навігацією веде клієнта від пошуку до покупки.

Виклик №2: Як зробити картку товару інформативною?

Покупець хоче бачити все одразу: характеристики, варіанти, відгуки.

Рішення: картка містить назву, артикул, фото, опис, оптові ціни, вибір відтінків та об’єму через іконки. Додані блоки «Схожі товари» і «Переглянуті», а відгуки проходять премодерацію.

Виклик №3: Як допомогти клієнту швидко знайти потрібне?

При великому каталозі пошук і фільтри стають ключовими.

Рішення: ми реалізували пошук з автодоповненням, фільтрацію за брендом, ціною та параметрами товарів. Також доступне сортування і функція «покинутий кошик».

BeautyFranko

Виклик №4: Як зменшити рутину для менеджерів?

Команда витрачала багато часу на оновлення каталогу.

Рішення: ми створили адмін-панель із швидкими діями, масовим імпортом/експортом товарів через Excel та налаштуванням акцій і промокодів.

Виклик №5: Як забезпечити просту оплату і доставку?

Онлайн-покупці очікують максимально зручних опцій.

Рішення: підключили LiqPay і WayForPay для оплат, а також інтегрували Нову пошту та Укрпошту. ТТН формуються автоматично, що пришвидшує роботу.

Виклик №6: Як підготувати сайт до SEO та масштабування?

Сайт має бути швидким і готовим до просування.

Рішення: ми впровадили SEO-модуль для керування метаданими, зробили оптимізацію коду, розмітку schema.org та досягли швидкості 90+ у Google PageSpeed.

Результат: 

BeautyFranko отримав сучасний інтернет-магазин із продуманим каталогом, інформативними картками товарів, швидким пошуком і фільтрами, зручними інтеграціями та SEO-підготовкою. Це платформа, яка одночасно полегшує роботу менеджерів і робить покупки простими для клієнтів.

Що ми зробили
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_3
UI/UX, дизайн
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_4
Програмування
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_5
Верстка
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_6
Тестування
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_7
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_8
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_9
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_10
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_11
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_12
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_13
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_14
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_15
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_16
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_17
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_18
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_19
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_20
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_21
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_22
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_23
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_24
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_25
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_26
Затрачено часу
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_27
Інтернет-магазин BeautyFranko На ноутбуці
Інтернет-магазин BeautyFranko На планшеті
Головна сторінка
™ Глянець, студія веб-дизайну — Інтернет-магазин BeautyFranko_28
Інструменти і технології
які ми використали в роботі над сайтом
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Figma
Інтернет-магазин BeautyFranko
Внутрішні сторінки
Налаштування доступності
Налаштування контрасту
Розмір шрифту
Міжбуквенний інтервал
Міжрядковий інтервал
Зображення
Шрифт
Скинути налаштування