Highgrove
Образовательный проект с программами обучения в Великобритании для молодежи.
О проекте
Highgrove – сайт компании, базирующийся в Великобритании и специализирующийся на учебных курсах и программах для школьников и студентов. Компания предлагает широкий спектр курсов: от изучения английского языка до искусствоведения и химии. Сайт является платформой для представления образовательных программ, информирования об услугах и привлечения целевой аудитории.
Цели проекта
Клиент обратился с проблемами устаревшего дизайна сайта и недоделанной структуры страниц, что усложняло навигацию и взаимодействие пользователей. Кроме того, сайт не имел надлежащего технического мониторинга для обеспечения стабильной работы, а административная панель была ограничена в функциональности. Основной целью было обновление дизайна, структуры, админки и внедрение системы мониторинга для повышения эффективности и конкурентоспособности сайта.
Вызовы и задания:
Устаревший дизайн сайта
Сайт выглядел устаревшим, не соответствующим современным стандартам дизайна и потребностям целевой аудитории. Это снижало привлекательность ресурса и усложняло привлечение новых пользователей.
Недоделанная структура
Структура страниц была хаотичной. Это усложняло навигацию и поиск нужной информации.
Отсутствие необходимого функционала в админке
Административная панель не позволяла удобно управлять контентом и страницами, что создавало трудности для клиента.
Отсутствие постоянного мониторинга систем
Сайт не имел системы технического мониторинга, что могло приводить к нестабильной работе и задержкам в выявлении проблем.
Задачи для нашей команды:
Обновление дизайна сайта и отдельных его элементов
Создать современный, привлекательный дизайн, соответствующий бренду и ожиданиям пользователей, с акцентом на адаптивность для разных устройств.
Обновление структуры страниц
Переделайте структуру сайта для обеспечения удобной навигации и логического расположения контента.
Обновление административной панели
Разработать удобную админку с расширенным функционалом для управления контентом и страницами.
Анализ текущих систем и внедрение мониторинга
Провести аудит систем, обновить плагины и ввести постоянный мониторинг для обеспечения стабильной работы сайта.
UX/UI дизайн:
Проведено интервью с клиентом для определения проблем, целей проекта и потребностей целевой аудитории.
Проведен анализ конкурентов для выявления их сильных и слабых сторон, что помогло сформировать уникальное предложение для Highgrove.
Разработана новая структура сайта и отдельных элементов страниц, ориентированных на удобство пользователей и соответствие современным стандартам дизайна.
Изменения, которые были реализованы:
Разработан обновленный дизайн страниц с современной визуальной подачей и улучшенной структурой контента.
Административная панель адаптирована для удобной работы со всем функционалом сайта, как новым, так и существующим.
Реализована гибкая структура разделов в конструкторе страниц для удобного управления контентом.
Внедрена система отзывов, которая автоматически синхронизируется с соответствующими разделами сайта.
Проведена техническая оптимизация, обновлены плагины, устранены устаревшие решения и налажен системный мониторинг.
Используемые технологии:
Проект реализован на базе CMS WordPress с использованием языка PHP, что позволило обеспечить гибкость разработки и удобство управления контентом. В качестве веб-сервера используется Nginx, что в сочетании с MySQL обеспечивает высокое быстродействие, стабильность и эффективную обработку запросов.
Для фронтенд разработки применялись HTML, CSS и JavaScript, что позволило реализовать адаптивный дизайн и интерактивные элементы. Все компоненты интегрированы таким образом, чтобы обеспечить комфортный пользовательский опыт и стабильную работу на разных устройствах и разных браузерах.
Функциональные возможности сайта:
Привлечение и распространение контента
-
01
Блог с вебинарами и статьями. Реализован раздел с полезным контентом, включая статьи и записи вебинаров, для привлечения аудитории.
-
02
Страница с открытыми ивентами компании. Добавлен отдельный раздел для анонсов событий, позволяющий пользователям быть в курсе актуальных мероприятий.
-
03
Возможность делиться информацией в социальных сетях. Интегрированы кнопки для быстрого распространения контента в соцсетях, что способствует продвижению сайта.
Визуальное оформление и интерактивность
-
01
Интерактивные элементы, кнопки и анимации. Добавлены интерактивные элементы для улучшения пользовательского опыта и привлечения внимания.
-
02
Интегрированные видео на страницах. Внедрена возможность добавления видеоконтента для демонстрации курсов и программ.
-
03
Каталог услуг. Создан удобный каталог с подробными описаниями образовательных программ и курсов.
Результаты:
Обновленный современный дизайн и структура сайта
Сайт получил современный вид, соответствующий трендам UI/UX и логическую структуру, которая облегчает навигацию.
Функциональная административная система
Новая админка позволяет легко управлять контентом, добавлять страницы и редактировать информацию без привлечения разработчиков.
Удобный конструктор страниц
Внедрен гибкий конструктор, упрощающий создание и редактирование страниц.
Высокая производительность и мониторинг
Оптимизация сайта и внедрение системы мониторинга обеспечили стабильную работу и быстрое выявление проблем.
-
UX/UI дизайнер
-
Front-end разработчик
-
Back-end разработчик
-
QA
-
PM
