Замовлення сайтів:
Підтримка сайтів:
Вінниця:
Краків:
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_0
Назад

FamilyPet — інтернет-магазин зоотоварів

™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_1
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_2
FamilyPet

FamilyPet: зоотовари в один клік для улюбленців усієї родини

Мережа FamilyPet звернулася до нас із завданням оновити інтернет-магазин. Головна мета — зробити каталог зрозумілим для власників тварин, автоматизувати замовлення, зберегти SEO-позиції та додати інструменти для залучення клієнтів.

Виклик №1: Як надати структуровану вітрину з великим асортиментом?

FamilyPet пропонує товари для собак, котів, птахів і гризунів. Асортимент великий, тому каталог і пошук мали бути максимально простими.

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

Результат: користувачі швидко знаходять потрібне і легко переходять до покупки.

Виклик №2: Як зменшити рутину для адміністраторів?

Щоденне оновлення товарів і замовлень займало багато часу.

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

Результат: рутинні завдання виконуються значно швидше, команда зосереджується на продажах.

Виклик №3: Як автоматизувати оплату та доставку?

Клієнти очікують простих і зрозумілих умов.

Рішення: ми інтегрували LiqPay для онлайн-оплат, автоматичне формування ТТН Нової пошти, а також доставку через Укрпошту та Rozetka Delivery. Передбачена безкоштовна доставка від певної суми.

Результат: замовлення обробляються без затримок, а клієнти отримують чіткі умови доставки.

FamilyPet

Виклик №4: Як об’єднати облік у єдиній системі?

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

Рішення: ми реалізували інтеграцію з 1С, яка автоматично передає замовлення, оновлює ціни та залишки. Якщо в системі з’являється новий код, створюється неопублікований товар у каталозі.

Результат: усі канали продажів синхронізовані, а облік ведеться в одному місці.

Виклик №5: Як не втратити та покращити SEO-позиції?

Старий сайт уже мав напрацьований контент і структуру.

Рішення: ми перенесли товари, описи, мета-теги та URL, налаштували редиректи й блоки для SEO-текстів, а також додали розмітку schema.org для кращої індексації.

Результат: SEO-позиції збережені, а новий сайт отримав технічну базу для подальшого зростання.

Виклик №6: Як залучити клієнтів до реєстрації?

Онлайн-магазинам важливо мотивувати покупців створювати акаунти.

Рішення: ми реалізували функціонал «колеса фортуни» під час реєстрації — користувач може отримати бонуси або знижку.

Результат: кількість зареєстрованих клієнтів зросла, а програма лояльності стала ефективнішою.

Фінальний результат:

FamilyPet отримав оновлений інтернет-магазин із зручним каталогом, продуманими картками товарів, швидким пошуком і фільтрами. Бізнес-процеси стали максимально автоматизованими: замовлення синхронізуються з 1С, ТТН формуються автоматично, а SEO-позиції залишилися збереженими. Колесо фортуни та інтеграція бонусів стимулюють лояльність і повторні покупки. Це платформа, яка спрощує життя команди та робить покупки комфортними для клієнтів.

Що ми зробили
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_3
UI/UX, дизайн
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_4
Програмування
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_5
Верстка
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_6
Тестування
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_7
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_8
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_9
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_10
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_11
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_12
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_13
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_14
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_15
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_16
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_17
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_18
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_19
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_20
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_21
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_22
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_23
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_24
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_25
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_26
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_27
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_28
Затрачено часу
FamilyPet — інтернет-магазин зоотоварів На планшеті
FamilyPet — інтернет-магазин зоотоварів На ноутбуці
Головна сторінка
™ Глянець, студія веб-дизайну — FamilyPet — інтернет-магазин зоотоварів_29
Інструменти і технології
які ми використали в роботі над сайтом
Drupal 10
SASS
CSS3
HTML5
JavaScript
PhpStorm
PHP
MySQL
JQuery
AJAX
Symfony
Twig
Composer
Git
Figma
Gulp
FamilyPet — інтернет-магазин зоотоварів
Внутрішні сторінки
Налаштування доступності
Налаштування контрасту
Розмір шрифту
Міжбуквенний інтервал
Міжрядковий інтервал
Зображення
Шрифт
Скинути налаштування