Кейс: создание сайта для проекта «Синергия» Дмитрия Воеводина

Краткая характеристика проекта:
Тип сайта:	интернет магазин
Бюджет проекта:	159 631 руб.
Срок выполнения работ:	2,5 месяца
Ссылка проекта:	synergy-new.ru
Отзыв заказчика	Отзыв клиента

При создании корпоративного реализовано:

• Отрисовка логотипа
• Разработка адаптивного дизайна
• Верстка сайта на CMS WopdPress
• Javascript-frameworks jQuery 3.2.1
• Автоматизация маркетинга Yoast SEO
• Технологии: PHP 7, CSS#
• SSl сертификат

Этот кейс начинается с истории личного знакомства и визита в эко отель, который находится в исключительно красивом месте - долине реки Белой в Горной Адыгее. Это маленькое приключение случайно произошло в мае 2019 года. Любопытно, но при совпадении взглядов на мир или общности интересов и увлечений, получаются очень удачные и гармоничные проекты и это уже второй случай в нашей практике.

Всегда приятно и увлекательно делать «как для себя». Такой подход вознаграждается тем, что редко случается при обычном коммерческом проекте - высоким положительным эмоциональным фоном и исключительно творческим настроем. Когда две команды объединяют весь свой творческий потенциал, рождается не просто что-то полезное и функциональное,  но воодушевляющее и красивое. Это чувствуется сразу при первом взгляде на сайт synergy-new.ru, который наполнен потрясающими фото удивительных мест силы.

Исходные данные

Дмитрию Воеводину - лидеру и основателю школы «Синергия» был необходим сайт, который стал бы помощником и  удобным инструментом для обучения основам космоэнергетики по его методу. В основе образовательного проекта «Синергия» лежит Целительская музыка и онлайн обучение  происходит через освоение ступеней, путем погружения музыкальные композиции, которые помогают воспринимать информацию.

Задачи, которые необходимо решить

1. Гармоничное объединение в единое целое множества направлений

Очень широкий спектр направлений, которые охватывает деятельность Дмитрия, нужно было не просто показать и описать, но красиво представить и гармонично связать в общую композицию. Так как только все вместе они дают понимание об особенностях и принципах обучения космоэнергетике по методу «Синергия».

• Совершение таинств церкви
• Воцерковление новоначальных
• Проведение таинства крещения и венчания
• Приобщение к семейным традициям
• Строительство храмов
• Поддержка промыслов и ремесел
• Паломнические и миссионерские поездки
• Музыкальные целительские сеансы
• Семейная психотерапия
• Корпоративные тренинги и семинары
• Экологическое просвещение и строительство, создание экологических троп

2. Создание раздела Учебный центр с закрытым доступом.

 Так как постижение новых ступеней в процессе обучение может быть только при участии «проводника» и определенной предварительной подготовки, то нам необходимо было организовать постепенный доступ к различным обучающим материалам, предоставлять который может только администратор проекта.

3. Создание интернет магазина электронных товаров

Интеграция в сайт  модуля интернет магазина для покупки музыкальных треков  и в перспективе других электронных товаров с оплатой через сайт.

4. Создание англоязычной версии сайта synergy-new.ru

Эти работы запланированы вторым этапом и пока находятся в процессе разработки.

Дизайн и юзабилити сайта

Мы начали работу над проектом с отрисовки логотипа, который концептуально является символом исихазма (система практик, направленная на богопознание и обожение) в восточно-христианской традиции  в обработке Дмитрия Воеводина.

Концепция дизайна опирается на создании особого настроя у посетителей и ощущения пребывания в месте силы, которое создается через подборку фотографий. Подавляющее большинство которых являются авторскими, они сделаны во время миссионерских поездок и путешествий к местам силы.

Отличительной особенностью проекта является публикация статей очень большого объема (более 20000 знаков в 1 материале). Поэтому для облегчения восприятия такой объемной информации особенно на мобильных устройствах, мы использовали технологию скрытия части контента по кнопке «Подробнее», который открывается без перезагрузки страницы.

Еще одной удобной «фишкой» навигации является закрепленное справа меню с содержанием статьи и «якорем» на подзаголовке для быстрого перехода в нужное место страницы.

Так как сайт направлен на обучение, то большой раздел отведен учебным материалам. Для быстрого удобного поиска по разделам, посвященным обучению в дополнение к Содержанию в боковой колонке сделано меню с оглавлением материалов из этого раздела.

Несмотря на то, что на сайте очень много фотографий и к одному материалу их может быть более 150, мы нашли решение, которое позволяет показывать их все на одной странице, при этом они подгружаются последовательно при клике на каждое фото. Это решило важнейшую задачу минимизировать скорость загрузки сайта. И даже при невысокой скорости интернета, он работает довольно «шустро».

Информативность и тексты

При большом объеме текстового контента на странице сайта нам нужно было решить задачу визуального восприятия контента. Что было решено цветными подзаголовками, маркированными списками той же тональности и стилями выделения важных абзацев, которые можно легко менять при необходимости.

Все тексты, предоставленные заказчиком, были обработаны и отформатированы для улучшения читабельности. Изменять авторский контент мы конечно же не стали, но структурировали тексты таким образом, чтобы в последствие можно было сделать удобную перелинковку.

Верстка, программирование и оптимизация

При разработке сайта для школы космоэнергетики «Синергия» мы использовали движок  WordPress. Выбор обусловлен следующими преимуществами движка конкретно для этого проекта:

• Модуль магазина более качественный на WordPress.
• WordPress имеет менее проблемную поддержку мультиязычности.
• Есть хорошая документация и набор дополнительных модулей, если в дальнейшем понадобится расширение функционала.
• Удобное управление медиа-материалами. Это и автогенерация миниатюр нужных типоразмеров, и встроенный плеер воспроизведения аудиофайлов, и более качественные модули галерей и слайдеров.
• Управление SEO оптимизацией. Для WordPress имеется мощный бесплатный плагин, который позволяет гибко настраивать SEO-метаданные, генерировать их по шаблону в автоматическом режиме. Принцип построения ссылок в WordPress исключает возможность создания дублей, позволяет убирать лишнюю вложенность ссылок, корректно проставляет тег «canonical».
•  Мультиязычность. WordPress позволяет создавать альтернативные языковые версии несколько быстрее, с автоматической синхронизацией части данных (цена, миниатюра анонса, параметры товара или страницы и пр.).
• Расширение функционала. Для WordPress подобрать качественный бесплатный плагин всегда несложно, поскольку WordPress имеет гораздо большее комьюнити и более простой принцип написания дополнений.

Мы уделили особое внимание скорости загрузки сайта и SEO оптимизацию всего контента, так как этому проекту очень важна быстрота работы и удобство взаимодействия с мобильных устройств.