Образовательный центр Easy School
- Клиент
- Образовательный центр Easy School
- Тип проекта
- wordpress / CRM / Интеграции
- Сайт
- Загрузка…
О проекте
Сверстал предоставленные макеты сайта Easy School, интегрировал вёрстку в WordPress и связал формы обратной связи с amoCRM.
Что было сделано
- Адаптивная вёрстка сайта по предоставленному дизайну
- Полная интеграция вёрстки в тему WordPress
- Подключение страниц, навигации и контента к CMS через ACF Pro
- Интеграция форм обратной связи с amoCRM
Исходная
Проект начинался с предоставленного дизайна сайта образовательного центра. Нужно было переделать главную страницу сайта и остальные страницы сайта, после участие в awwwards В шаблоне нужно было представить программы для взрослых, подростков, школьников и дошкольников, раскрыть содержание курсов и дать посетителям возможность обратиться в школу. Готовые макеты определяли визуальную подачу; моей задачей была их техническая реализация.
Задача
Перенести дизайн в адаптивный интерфейс и выполнить полноценную интеграцию с WordPress. Страницы и контент должны работать внутри CMS, а формы обратной связи передавать обращения в amoCRM, чтобы сайт был связан с повседневной обработкой заявок образовательного центра.
Как проходила работа
1. Разобрал макеты и структуру страниц
Начал с предоставленного дизайна: определил общие части сайта, повторяющиеся блоки и особенности внутренних страниц. Главная знакомит с направлениями обучения, а страницы курсов раскрывают отдельные программы. Эту структуру использовал как основу для вёрстки и последующей организации шаблонов WordPress.
2. Сверстал готовый дизайн
Перенёс макеты в HTML, CSS и JavaScript: собрал навигацию, блоки направлений, страницы программ, информацию о школе и формы обращения. Адаптировал интерфейс для компьютеров, планшетов и телефонов, сохранив композицию и визуальный характер предоставленного дизайна.
3. Полностью интегрировал сайт в WordPress
Готовую вёрстку превратил в работающую тему WordPress. Разделил страницы на шаблоны и общие части, подключил вывод контента из CMS и связал между собой разделы сайта. Интеграция охватывала весь сайт: главную, внутренние страницы, навигацию и контентные блоки, чтобы содержимым можно было управлять через административную панель.
4. Связал формы обратной связи с amoCRM
Подключил формы к amoCRM: обращения с сайта и контактные данные посетителей стали поступать в CRM для дальнейшей работы сотрудников школы. Формы встроил в общий сценарий сайта посетитель знакомится с программой или оставляет запрос на обратную связь, а обращение переходит в рабочий процесс команды.
Результат
Easy School получил сайт на WordPress, реализованный по готовому дизайну. Адаптивная вёрстка стала частью полноценной CMS-интеграции: программы обучения и информация о школе представлены в общем интерфейсе, а содержимое связано с административной панелью.
Формы обратной связи подключены к amoCRM, поэтому обращения с сайта поступают в систему, где сотрудники продолжают работу с посетителем. Моя часть проекта вёрстка предоставленных макетов, полная интеграция в WordPress и подключение форм к CRM.