Rate this fw-portfolio

Highgrove

Освітній проєкт з програмами навчання у Великій Британії для молоді.

Про проєкт

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

Цілі проєкту

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

Галузь

Освіта

Рік запуску

2024

Результат

Перейти на сайт

Виклики та завдання:

Замовник стикався з кількома проблемами, які потребували вирішення:

001

Застарілий дизайн сайту

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

002

Недороблена структура

Структура сторінок була хаотичною. Це ускладнювало навігацію та пошук потрібної інформації.

003

Відсутність необхідного функціоналу в адмінці

Адміністративна панель не дозволяла зручно керувати контентом і сторінками, що створювало труднощі для клієнта.

004

Відсутність постійного моніторингу систем

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

Завдання для нашої команди:

001

Оновлення дизайну сайту та окремих його елементів

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

002

Оновлення структури сторінок

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

003

Оновлення адміністративної панелі

Розробити зручну адмінку з розширеним функціоналом для управління контентом і сторінками.

004

Аналіз поточних систем та впровадження моніторингу

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

UX/UI дизайн:

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

Виконано аналіз конкурентів для виявлення їхніх сильних і слабких сторін, що допомогло сформувати унікальну пропозицію для Highgrove.

Розроблено нову структуру сайту та окремих елементів сторінок, орієнтованих на зручність користувачів і відповідність сучасним стандартам дизайну.

Зміни, які були реалізовані:

Розроблено оновлений дизайн сторінок із сучасною візуальною подачею та покращеною структурою контенту.

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

Реалізовано гнучку структуру розділів у конструкторі сторінок для зручного управління контентом.

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

Проведено технічну оптимізацію, оновлено плагіни, усунено застарілі рішення та налагоджено системний моніторинг.

Використані технології:

Проєкт реалізовано на базі CMS WordPress із використанням мови програмування PHP, що дозволило забезпечити гнучкість розробки та зручність керування контентом. Як веб-сервер використано Nginx, що в поєднанні з MySQL забезпечує високу швидкодію, стабільність та ефективну обробку запитів.

Для фронтенд-розробки застосовувалися HTML, CSS та JavaScript, що дозволило реалізувати адаптивний дизайн і інтерактивні елементи. Усі компоненти інтегровані таким чином, щоб забезпечити комфортний користувацький досвід і стабільну роботу на різних пристроях та в різних браузерах.

Функціональні можливості сайту:

Залучення та поширення контенту

01

Блог із вебінарами та статтями. Реалізовано розділ із корисним контентом, включаючи статті та записи вебінарів, для залучення аудиторії.
02

Сторінка з відкритими івентами компанії. Додано окремий розділ для анонсів подій, що дозволяє користувачам бути в курсі актуальних заходів.
03

Можливість ділитися інформацією в соціальних мережах. Інтегровано кнопки для швидкого поширення контенту в соцмережах, що сприяє просуванню сайту.

Візуальне оформлення та інтерактивність

01

Інтерактивні елементи, кнопки та анімації. Додано інтерактивні елементи для покращення користувацького досвіду та залучення уваги.
02

Інтегровані відео на сторінках. Впроваджено можливість додавання відеоконтенту для демонстрації курсів і програм.
03

Каталог послуг. Створено зручний каталог із детальними описами освітніх програм і курсів.