Розробка сайта та комунікаційної платформи для Торчин
Відомий український бренд харчування Торчин звернувся до нас з запитом: створити нову комунікаційну платформу та оновити сайт на її основі. Попередня комунікація називалася “Кулінарні історії Торчин”. Бренд доводив аудиторії, що з його продукцією можна легко приготувати цілу купу смачних страв.
Нова комунікаційна платформа мала емоційно залучити цільову аудиторію, побудувати імідж інноваційного бренду, що надихає на готування. Важливий момент: сотні рецептів, що бренд напрацьовував роками, мали ідеально перенестися на нову платформу.
Спершу ми проаналізували цільову аудиторію бренду. Виявилося, що вона складається з 4 сегментів: чоловіки та 3 типи жінок за стилем життя та поведінкою. Це дослідниці, котрі приділяють багато часу собі та шукають у житті нові смаки; раціоналістки, котрі виховують дітей, займаються хатніми клопотами та розумно ставляться до харчування своєї родини; “таймсейвери”, які заощаджують час, бо стараються максимум уваги приділяти кар’єрі та рідним.
Ми згенерували низку ідей, які б викликали у цих сегментів максимальні емоції та заохочували до готування з продукцією бренду. І перевірили ці ідеї на фокус-групах. Думка представників аудиторії не залишила у нас та команди Торчин сумнівів, яка ідея є найкращою для поставленого завдання.
Їжа й місто. В цьому словосполученні полягає лаконічна, але й фундаментальна ідея: в місті панує особливий темп та стиль життя, який впливає на геть усе, і на харчування теж. У місті немає часу на складні рецепти з десятками рідкісних інгредієнтів. В меню міста немає місця для нудних та застарілих страв. Місто — це швидко, смачно, корисно і трендово.
Тож Торчин стане тим, хто допомагає жителям міста харчуватися стрімко та сучасно. Бренд передбачить та наперед розв’яже усі харчові проблеми, що можуть виникнути в аудиторії. Чим цікавим сьогодні пообідати? Що можна зготувати за 15 хв? Чим потішити чоловіка? А як це приготувати? На всі ці запитання і не тільки відповість Торчин з його новою кулінарною платформою “Їжа й місто”.
Маючи ідею, ми розпочали етап прототипування, щоб втілити її в цікавий, функціональний та зручний сайт. Тож ми детально пропрацювали розділи сайту: головна, рецепти, Торчин, афіша. Вибудували розташування усіх блоків, кнопок. Розробили концепцію особистого кабінету для користувачів та його функціонал. І ще багато всього іншого — детальніше про це далі.
Нам було важливо, щоб і UI/UX дизайну сайту був на високому рівні, тож і цьому ми приділили максимум уваги.
Щоб остаточно визначитися з дизайном всього сайту, наші дизайнери розробили низку варіантів оформлення головної сторінки. Це було чудовою ілюстрацією усіх можливих варіантів майбутнього вигляду платформи. Тож команді Торчин було легко й зручно вибирати найкращу пропозицію.
Після презентації та обговорення з клієнтом ми зупинилися на трендовому мінімалістичному стилі. Ми використали темну кольорову схему та урбаністичні патерни, щоб ліпше візуалізувати ідею “Їжа й місто”.
Нам потрібно було врахувати весь спектр смаків, уподобань та потреб наших споживачів. І на цьому ґрунті зробити зручну навігацію у розділі “Рецепти”. Ми вирішили втілити це, використовуючи категорії та фільтри. Розробили 14 категорій страв, а в кожній з них працювали 6 фільтрів.
Для наповнення сайту ми опрацювали 296 рецептів, які вже малися в арсеналі Торчин. Детально вивчили кожен, щоб коректно розподілити їх за фільтрами та категоріями. Після такого наших копірайтерів можна назвати кулінарними експертами найвищого класу, бо як би не кортіло їсти від перегляду рецептів, вони були зосереджені винятково на розподілі страв!
Де знайти їжу у місті? Про це і йдеться у розділі “Афіша”. Тут ми підготували для користувачів гастрономічні цікавинки, захопливі кулінарні події, ідеї для відпочинку зі смачною їжею тощо. Сторінка має надихати нашу аудиторію подорожувати не лише містом чи країною, а й смаками нових та вигадливих страв разом з Торчин!
Розділ сайту під назвою “Торчин” — це місце, де користувачі можуть ознайомитися з асортиментом бренду та детальніше дізнатися про особливості виробництва. Сторінка містить два блоки: продукція та якість.
У блоці “Продукція” ми розподілили всю продукцію за лінійками. Всередині кожної лінійки представлені усі її SKU, тож користувачі можуть переглянути їх та прочитати опис. Під кожним продуктом є кнопка “Рецепти”, яке веде на сторінку з усіма рецептами, що його містять. А кнопка “Купити”дозволяє швидко й зручно придбати товар онлайн або показує найближчий магазин, де він продається.
Блок “Якість” містить відеоролики, в яких експерти розкривають особливості виробництва кетчупів та майонезів Торчин.
Щоб краще залучити користувачів та змусити їх довше й частіше вивчати сайт, ми створили особистий кабінет. У ньому кожен може позначити свої вподобання в кулінарії. Для чого? Щоб отримати індивідуальне меню на тиждень!
Це можливо завдяки фішці нашої кулінарної платформи під назвою “Твоє меню”. Це pop-up, в якому треба вибрати один з 6 фільтрів (страви для дітей, чоловіків, швидкі, святкові, здорові та лайфхаки) та ціль (сніданок, обід, вечеря, вихідні), щоб отримати неповторне меню, що врахує твої особисті вподобання в їжі!
Сайт ми розроблювали на платформі platform.sh, котра розрахована на реалізацію великих проєктів. За своєю суттю це не просто shared-хостинг, а SaaS - модель поширення програм споживачам, коли постачальник розробляє вебпрограму, розміщує її та керує нею для використання її замовниками через інтернет. Платформа спрямована на спрощення процесу розробки, комунікації всередині команди або команд розробників. Також platform.sh містить безліч функцій та розрахована скоріше на php-програмістів та просунутих розробників, бо вимагає використання консолі.
Серед клієнтів платформи є такі: інтернет-магазин техніки ubaldi.com, бренд жувального драже Mentos, Міссурійський університет (MU), найбільша телекомунікаційна компанія Франції Orange та благодійна організація British Council.
Платформа орієнтована на модулі CMS-системи Drupal. Хоча команда platform.sh створила багато різноманітних модулів для цієї CMS, нам довелося власноруч допрацьовувати їх, щоб ті якнайкраще інтегрувалися та працювали на нашому новому сайті.
Під час реалізації проєкту ми працювали з ізраїльським сервісом Gigya. Це плагін, котрий інтегрується в Drupal та пропонує платформу ідентифікації клієнтів, на якій можна керувати їхніми профілями, налаштуваннями, підписками тощо. У нашому випадку він відповідав за створення особистого кабінету через авторизацію та використання даних з Facebook чи Google. Також можна скористатися локальною реєстрацією. Gigya збирає інформацію про користувачів сайту та формує базу даних. Але зауважимо, що це сторонній сервіс з власним сервером, хостингом, протоколами безпеки тощо.
На етапі текстування ми ретельно перевіряли візуальну складову сайту: чи не “поплили” блоки, чи коректно показано всі зображення та кнопки тощо. Всі наші колеги провели години на прототипі сайту, щоб знайти геть усі баги й збої, які ми мали виправити перед офіційним запуском.
Технічний відділ майже під мікроскопом перевіряв і тестував код сайту, щоб упевнитися у його цілковитій справності. Процес відбувався без використання спеціального стороннього програмного забезпечення. Левова частка роботи - це перевірка коректної роботи функціонала, взаємодії модулів Drupal з платформою. Ми також мали упевнитися, що сторонні сервіси та плагіни не конфліктують з CMS Drupal.
Тож після ретельного тестування й перевірки всіх деталей ми запустили сайт. Ознайомтеся з ним тут! Але попереджаємо: заходити туди надголодь ризиковано!