BAYADERA GROUP

Дизайн Frontend Backend QA
BAYADERA GROUP
створення сучасного корпоративного сайту

Ми створили новий трендовий сайт для BAYADERA GROUP — найбільшого холдингу та власника торговельних марок, що спеціалізується на виробництві алкоголю. У розпорядженні компанії є 3 власних заводи, і це дає змогу експортувати свою продукцію в більш ніж 30 різних країн. Крім того, BAYADERA GROUP імпортує алкоголь в Україну з-за кордону. Розроблений нами сайт відображає значущість, важливість і високий рівень компанії як для внутрішнього ринку, так і для закордонних партнерів. На вимогу клієнта ми також наділили сайт українською національною айдентикою.

З чим прийшов клієнт і що ми запропонували

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

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

Етапи роботи

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

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

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

Наступним кроком стала розробка карти сайту, яка включала розділи: 

  • виробництво; 
  • бренди; 
  • дистрибуція; 
  • ритейл; 
  • міжнародна торгівля;
  • партнери; 
  • контакти;
  • інші розділи.

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

Для розробки корпоративного сайту BAYADERA GROUP були використані передові технології як на стороні фронтенда, так і бекенда, що забезпечило високу продуктивність, сучасний дизайн і зручність використання.

На стороні фронтенда ми використовували такі технології як:

  • React.js для створення динамічного користувацького інтерфейсу.
  • JavaScript (ES6, ES7) для написання сучасного та ефективного коду.
  • TypeScript для додавання статичної типізації та підвищення надійності коду.

Серед технологій, використаних для бекенда, були:

  • Drupal — основна платформа для управління контентом.
  • DBMS для зберігання та управління даними.
  • Nginx — вебсервер для обробки запитів і доставки контенту.

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

Висновки

  1. У результаті розробки корпоративного сайту для BAYADERA GROUP, найбільшого алкогольного холдингу в Східній Європі, було створено гарний і естетично привабливий сайт, який значно перевершує колишній дизайн.
  2. Новий сайт став набагато швидшим, розв'язавши проблему повільного завантаження, характерну для старої версії.
  3. Завдяки використанню сучасних технологій, сайт тепер має актуальний вигляд і відповідає останнім трендам у вебдизайні, на відміну від застарілого колишнього варіанту.
  4. Новий сайт став набагато зручнішим для користувачів, усунувши всі недоліки, які робили попередню версію незручною у використанні.
Технології
Frontend
REACT.JS REACT.JS HTML СSS HTML СSS NEXT.JS NEXT.JS REDUX REDUX
CMS
DRUPAL DRUPAL
Backend
NGINX NGINX PHP PHP
Libraries
TWIG TWIG
Next
Ми чекаємо на ваш проект
Що вас цікавить?
Лише один файл.
Обмеження: 5 МБ.
Дозволені типи: pdf, doc, docx, odt, ods.
4.9 / 5 (75 голосів)