WOW Tort: редагований каталог тортів на Webflow.

На збереженому першому екрані показане прикрашання торта; зображення об’єднане теплим приглушеним відтінком. Поверх сцени розташовані світла типографіка й округла світла кнопка. Навігація дає прямий доступ до каталогу, доставки, вакансій, партнерів і новин. Композиція пов’язує продукт із процесом його створення, а дія замовлення залишається помітною на тлі. Відвідувачеві не потрібно шукати початок звернення серед однакових декоративних елементів.

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

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

Зображення в каталозі має бути пов’язане з описом. Фотографія може показувати оформлення, тоді як доступні смак, вага чи остаточна конфігурація потребують уточнення. Для подібного проєкту ми погодили б із кондитерською, які деталі обираються одразу, а які обговорюються окремо. Візуал має допомагати поставити конкретне запитання, не створюючи враження, що будь-яке зображене поєднання доступне на будь-яку дату без підтвердження команди.

Самостійне оновлення каталогу було важливою частиною брифу. Тому структура змісту має значення не лише для першої підготовленої добірки. Новому торту потрібні категорія, зрозуміла назва, відповідні зображення й узгоджені відомості про ціну. Коли зв’язки визначені, додавання запису відбувається за зрозумілим порядком замість перетворення на невеликий редизайн із кожним поповненням асортименту. Власниця працює із системою матеріалів, а не набором непов’язаних макетів.

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

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

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

У матеріалах проєкту описана коротка форма зі смаком, вагою, датою та контактом. Ці поля відображають інформацію, обрану для першого звернення. Їхня наявність не доводить, що будь-яке додаткове поле обов’язково спричиняє відмову; кейс не заявляє перевірене експериментом зростання конверсії від скорочення форми. Практична мета — запит, який кондитерська здатна правильно зрозуміти та на який може змістовно відповісти.

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

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

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

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