Królestwo Pierożka – смачна домашня кухня

Тип сайту: інтернет-магазин
Терміни: 22 дні
Статус: Завершено
Зробили: Ui/Ux, Web dev

01 Клієнт

Królestwo Pierożka – сімейний заклад, який пропонує домашню кухню. Для своїх клієнтів пропонують замовити заморожену продукцію(вареники, пельмені тощо) або скуштувати страви у їхньому закладі. Також займаються організацією кейтерингів та готують комплексні обіди

02 Цілі та задачі

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

Розробити сайт, з елементами фірмового кольору
Відобразити на сайті відгуки про наш заклад з фейсбук сторінки
Створити цікаві графічні іконки начинок
Реалізувати зручне фільтрування продукції по категорії, вазі, начинці
Зробити змогу залишити відгуки про товари
Реалізувати на сайті можливість вибирати мови(польська та англійська)
Подбати про внутрішню SEO оптимізацію сайту
Створити особистий кабінет клієнтів
Зробити обмеження по сумі при замовленні через кошик.
Зробити змогу вибору оплати(MasterCard і Visa) та доставки(Odbiór osobisty, Glovo, DPD, Inpost)
Зробити зручну адміністративну панель, для роботи з замовленням та наповненням сайту новою продукцією

03 Рішення

Провели роботу з структурою сайту, розробили концепцію дизайну і весь функціонал згідно отриманого ТЗ від клієнта

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

Тому ми винесли ці розділи в меню, для кращої навігації по сайті, окрім цього попрацювали над внутрішньою перелінковкою сторінок.

Дизайн сайту

Ознайомившись з побажаннями клієнта стосовно проекту, ми одразу приступили до створення дизайну сайту. Дизайн сайту розробляли лише для комп'ютерів. Окрім цього написали ТЗ верстальщику стосовно того, як має вигядати дизайн на мобільних пристроях. Це було зроблено для того щоб заощадити б'юджет клієнта

Кійко Таня

Senior Web Designer | Ui/Ux

Кольори

Шрифти

Poppins SemiBold

Poppins Medium

Poppins Regular

Іконки

Фото деяких секцій

Ілюстрація для сторінки 404

Мобільна версія

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

Фото мобільної версії Królestwo Pierożka 1

Фото мобільної версії Królestwo Pierożka 2

Фото мобільної версії Królestwo Pierożka 3

Фото мобільної версії Królestwo Pierożka 4

Фото мобільної версії Królestwo Pierożka 5

Розробка сайту

До особливостей при роботі над цим проектом, можна віднести фільтрацію товарів, відображення категорій товарів згідно їх кольорів, зміну вартості товару згідно обрання ваги та можливість створення оптових цін до певних товарів

Давидов Андрій

Front-end dev.

Анімація сайту

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

Coffee Break

Для сторінки кофебрейку і аналогічних по структурі сторінок, створено можливість переключення вартості продукції(за дві години / весь день).

Калькулятор обідів

Зробили простий калькулятор для оцінки вартості замовлення обідів, який розраховує вартість згідно обраної кількості порцій та обраного типу обіду. Окрім цього зробили змогу одразу заповнити дані користувача та відправити їх адміністратору для зручного опрацювання замовлення

Back-end

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

Зінчук Сергій

Senior Web dev.

Робота з адмінкою

Перед початком роботи було прийняте обґрунтоване рішення для реалізації кабінету покупця в обов’язковому порядку. Оскільки клієнти звертаються за даною продукцією багаторазово, та хочуть бачити дані про свої замовлення.

Оптові ціни

Було реалізовано можливість проставлення цін до товару в залежності від кількості замовленого товару. Це було розроблено для оптових покупців продукції компанії.

Менеджмент замовлень

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

Модифікація товару

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

Редагування модифікацій

Вигляд в карточці товару

Наповнювачі для товару

Передбачено можливість добавлення різних наповнювачів для продукції. Із можливістю безмежного розширення наповнювачів.

Інтеграція Telegram API

Усі дані замовлень із сайту було синхронізовано із чат ботом та групою в Telegram. В тому числі відправлення даних із форм звязку.

04 Технології та інструменти

05 Результат

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

Давидов Андрій

Front-end dev.

06 Слова клієнта про проект

Потрібно було реалізувати інтернет магазин для продажі нашої продукції - заморожених домашніх напівфабрикатів. Після етапу створення дизайну, я вже зрозуміла що не помилилась у виборі агенції. Мої очікування також справдились після завершення роботи. Все супер, буду звертатись і по маркетингу.