Международный центр «Профессионал» проводит различные обучающие курсы для психологов. Я уже создал для этого проекта логотип. Идея своего сайта формировалась постепенно. На момент начала сотрудничества у клиента информация о всех курсах, преподавателях и самой организации была разбросана по различным порталам, сайтам а также соцсетям. Поэтому назрел вопрос собрать всё воедино в одном месте, но сделать это красиво и удобно.
Немного предыстории
Первый опыт Центра оказался неудачным — клиент «нарвался» на недобросовестного дизайнера, который собрал сайт «на коленке» из выдернутого в сети шаблона, совершенно без какой-либо адаптации и доработки.
После изучения стало понятно, что первоначальная задумка просто «немного доработать» не имеет смысла, проще переделать с нуля.
Главная страница
Собираем страницу так, чтобы дать всю необходимую информацию «без воды»: кракто рассказываем о Центре, знакомим с командой, показываем новости и календарь, который автоматически генерируется на основе текущих и предстоящих мероприятий.
Страница курса
На странице курса вся информация чётко структурирована: длительность и стоимость, программа, как проходит обучение, документы на оплату.
Прежде чем начать работать, я предварительно пообщался с клиенткой, детально расспросив о деталях процесса обучения. Выяснилось, что центр проводит три типа мероприятий: очные, онлайн- и дистанционные курсы, а кроме того регулярно осуществляет вебинары с последующей продажей записей.
Составляю страницу-листинг мероприятий. Карточки отражают всю необходимую информацию: даты, преподавателей, стоимость. Не забываю ставить на первое место яркий и заметный промоблок для курса-флагмана.
Далее я проанализировал состав всех существующих событий, вычленил основные разделы и собрал универсальный шаблон, на базе которого можно собрать описание любого мероприятия. Это значительно облегчило клиенту наполнение сайта.
Страница «Об организации»
Для любой организации важно предоставить полную информацию о себе, иначе любая проверка отзовёт сертификаты. Снова пришлось разложить разрозненные данные и документы по полочкам и сформировать удобный и доступный раздел.
Адаптив
Сейчас сложно представить сайт без мобильной версии. Около половины пользователей заходят на сайт со смартфонов и планшетов. Поэтому уделили внимание, чтобы каждая страница хорошо смотрелась на маленьких экранах.
Ошибка 404
На всех сайтах я всегда отрисосываю страницу ошибки 404. Про неё часто забывают, оставляя «как есть». Как есть — это никак, движки сайта не стилизуют эти страницы по умолчанию.
Руководство
Сам собран на базе популярного «движка» WordPress, но многие блоки потребовали доработки и написание дополнительного кода. Для программиста и верстальщика были подготовлены подробные гайды стилей, а для клиентки — видеоруководство по сайту.
