Односторінковий сайт магазину М'ясоробка e-commerce
Односторінковий сайт магазину крафтового м'яса «М’ясоробка» (e-commerce)
Повний опис сайту у презентації на беханс:
https://www.behance.net/gallery/185661965/Landing-page-for-the-sale-a-sublimated-meat
Завдання:
Створити сучасний промо-сайт для продажу сублімованого м’яса (джерки, ковбаски тощо). Асортимент — до 50 товарних позицій. Сайт розрахований лише на десктопну версію (на прохання замовника).
Стиль:
Темний, але м’який дизайн із крафтовою естетикою та хенд-мейд атмосферою.
Фон: темний, зі спокійними жовто-коричневими акцентами, які відмінно поєднуються з кольорами самого продукту (сушене м'ясо, ковбаски, джеркі тощо).
Структура клієнтської частини сайту (9 блоків):
1) Хедер: 4 посилання — «Оптовим покупцям», «Про нас», «Контакти», «Магазин» (скролить до товарів).
2) Основний банер із тематикою джеркі + кнопка «Перейти до покупок» (скролить до товарів).
3) Горизонтальна панель фільтрів: категорії (ковбаски / джеркі / курка / яловичина / усі товари). При натисканні фільтруються картки нижче.
4) Блок товарів: 8 карток згідно з вибраним фільтром. Знизу — пагінація.
5) Блок «Улюблені смаколики покупців»: 4 картки, що генеруються випадково.
6) Блок «Про М’ясоробку»: 3 інформаційні блоки про історію бренду, цінності тощо.
7) Блок відгуків.
8) Рекламний блок з підпискою на розсилку та знижкою.
9)Футер: стандартний, із контактами та посиланнями.
Кошик:
Кнопка-кружечок у правому нижньому кутку (завжди на екрані). Є 3 попапи: кошик, форма замовлення, подяка за замовлення.
Адмін-панель (4 сторінки):
1) Список замовлень з можливістю архівації / повернення в активні.
2) Управління товарами і категоріями (додавання / видалення).
3) Банери: заміна головного банера та тексту до нього (без зміни кнопки).
4) Сторінка статистики продажів: календар + 3 графіки. Є кнопка «Налаштувати панель» (не реалізовано, але можна було б, наприклад, додати зміну теми оформлення або структуру дашборду).
Реклама:
Була проведена рекламна кампанія в Instagram:
— 20 креативів для реклами магазуну у сторіс
— Оформлення профілю бренду в Instagram (6 фірмових шаблонів-постів).
Подальше наповнення здійснює замовник.
Срок виготовлення: до 1 місяця (без врахування вихідних днів)
#UIUX #вебдизайн #односторінковийсайт #ecommerce #Figma #дизайндлямагазину #прототипування #крафтовийсайт #темнийдизайн #дизайндляїжі #джеркі #UXструктура #адмінпанель #Instagramдизайн #банери #дизайнпідключ #міясниймагазин
#ecommerce #onlinestore #onlineshop #webdesign #onepagesite #darktheme #meatstore #craftdesign #handmadedesign #uiux #productpage #foodwebsite #jerkyshop #responsiveweb #designcase #figmadesign #customwebsite #minimaldesign #landingpagedesign
Повний опис сайту у презентації на беханс:
https://www.behance.net/gallery/185661965/Landing-page-for-the-sale-a-sublimated-meat
Завдання:
Створити сучасний промо-сайт для продажу сублімованого м’яса (джерки, ковбаски тощо). Асортимент — до 50 товарних позицій. Сайт розрахований лише на десктопну версію (на прохання замовника).
Стиль:
Темний, але м’який дизайн із крафтовою естетикою та хенд-мейд атмосферою.
Фон: темний, зі спокійними жовто-коричневими акцентами, які відмінно поєднуються з кольорами самого продукту (сушене м'ясо, ковбаски, джеркі тощо).
Структура клієнтської частини сайту (9 блоків):
1) Хедер: 4 посилання — «Оптовим покупцям», «Про нас», «Контакти», «Магазин» (скролить до товарів).
2) Основний банер із тематикою джеркі + кнопка «Перейти до покупок» (скролить до товарів).
3) Горизонтальна панель фільтрів: категорії (ковбаски / джеркі / курка / яловичина / усі товари). При натисканні фільтруються картки нижче.
4) Блок товарів: 8 карток згідно з вибраним фільтром. Знизу — пагінація.
5) Блок «Улюблені смаколики покупців»: 4 картки, що генеруються випадково.
6) Блок «Про М’ясоробку»: 3 інформаційні блоки про історію бренду, цінності тощо.
7) Блок відгуків.
8) Рекламний блок з підпискою на розсилку та знижкою.
9)Футер: стандартний, із контактами та посиланнями.
Кошик:
Кнопка-кружечок у правому нижньому кутку (завжди на екрані). Є 3 попапи: кошик, форма замовлення, подяка за замовлення.
Адмін-панель (4 сторінки):
1) Список замовлень з можливістю архівації / повернення в активні.
2) Управління товарами і категоріями (додавання / видалення).
3) Банери: заміна головного банера та тексту до нього (без зміни кнопки).
4) Сторінка статистики продажів: календар + 3 графіки. Є кнопка «Налаштувати панель» (не реалізовано, але можна було б, наприклад, додати зміну теми оформлення або структуру дашборду).
Реклама:
Була проведена рекламна кампанія в Instagram:
— 20 креативів для реклами магазуну у сторіс
— Оформлення профілю бренду в Instagram (6 фірмових шаблонів-постів).
Подальше наповнення здійснює замовник.
Срок виготовлення: до 1 місяця (без врахування вихідних днів)
#UIUX #вебдизайн #односторінковийсайт #ecommerce #Figma #дизайндлямагазину #прототипування #крафтовийсайт #темнийдизайн #дизайндляїжі #джеркі #UXструктура #адмінпанель #Instagramдизайн #банери #дизайнпідключ #міясниймагазин
#ecommerce #onlinestore #onlineshop #webdesign #onepagesite #darktheme #meatstore #craftdesign #handmadedesign #uiux #productpage #foodwebsite #jerkyshop #responsiveweb #designcase #figmadesign #customwebsite #minimaldesign #landingpagedesign