Дизайн многостраничных сайтов для Федерации психологов-консультантов онлайн (ФПКО) и для благотворительного проекта Первая Психологическая Помощь

О проекте

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

Ссылка на проект>>>

 

Начало работы

С институтом в качестве дизайнера я сотрудничаю с 2018 года.

Первоначально я оформляла лендинги и страницы для программ, форумов, международных конфtренций на Платформе-LP. Все  они были выполнены в строгом едином стиле в фирменных цветах.

Но с течением времени потребовалось обновление и современный стиль для страниц, чтобы быть интересными для новых участников программ. Поэтому было решено сделать сайт на платформе Tilda. Но при этом учесть ряд пожеланий ректора института:

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

 

Ход работы над сайтом

Анализ конкурентов и целевой аудитории

Проанализированы и выявлены 2 сильных конкурента.

Также выявлено, что целевая аудитория — это люди в возрасте от 40 до 60 лет. Поэтому сайт должен быть технически простой, максимально понятный, без экстремальных новшеств и трендов.

Составлена структура будущего сайта, опираясь на сильные стороны конкурентов, анализ целевой аудитории и на подготовленный текст, чтобы учесть все пожелания, которые были озвучены в начале работы.

сайты для психологов

Разработка первого экрана главной страницы сайта

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

Полученный экран презентован и сразу одобрен.

сайты для психологов

Дизайн и верстка

Далее разработан дизайн и перенесены на платформу Tilda 3 страницы сайта:

  • Главная, на которой представлены преимущества Института и сообщества, преподаватели, стартующие программы и форма связи для тех, кто не смог определиться с тем, какое обучение ему нужно.
    К сожалению, не удалось убедить заказчика предоставить качественные фото преподавателей.
  • Бесплатные материалы, для привлечения новых подписчиков в проект.
    Впоследствии была скрыта, т.к. в проекте нет человека, который занимается разработкой воронок привлечения новых учеников.
  • Курсы в записи, на которой можно сразу купить курс и начать его проходить в личном кабинете на платформе Tilda.

Ссылка на итоговый сайт >>>

 

Настройки сайта

Сделаны настройки сайта, чтобы он был рабочим инструментом и витриной курсов:

  • Добавлены ссылки на все курсы института. С этих страниц можно легко записаться на интересную программу.
  • Подключены приемщики данных — telegram, email — чтобы все вопросы и заявки моментально попадали работникам института и они могли быстро проконсультировать и не потерять клиента.
  • Подключена форма на бесплатную подписку от сервиса Dasha.mail, чтобы можно было работать дальше с теми, кому интересно обучение в области психологии.
  • Добавлена страница 404 для тех, кто неверно внес адрес в адресную строку браузера. С данной страницы человек может перейти на другую, которую искал первоначально.
  • Сделаны SEO-настройки, чтобы сайт выдавался в поисковых системах на высоких позициях.

сайты для психологов

 

Создание онлайн-школы и загрузка онлайн-курса на платформу Tilda

Создание онлайн-школы

  • Создана и настроена онлайн-школа на Tilda.
  • Сделаны настройки для выдачи доступа к курсам после оплаты.
  • Оформлена страница входа с логотипом и в цветах проекта.

сайты для психологов

Загрузка курса

  • Создан первый курс и загружены 6 уроков с текстом, видео и презентацией.
  • Настроен доступ так, чтобы курс был виден только тем, кто его оплатил.
  • Сделано расписание открытия уроков 1 раз в неделю.

На основной сайт добавлен пункт меню «Личный кабинет» для удобства учеников.

 

сайты для психологов

Настройки оплаты и прохождения курсов в записи

  • Подключена платежная система Robokassa, которой пользуется институт.
  • На странице «Курсы в записи» подключена платежная система для оплаты курсов прямо на странице.
  • Настроена интеграция с сервисом рассылок Dasha.mail, которым пользуется Институт для отправки писем и ссылок тем, кто внес оплату.
  • Создан чат-бот для отправки письма с доступом к оплаченному курсу сразу после поступления оплаты через сервис Robokassa.
  • Все настройки протестированы с нескольких аккаунтов и теперь активно работают без ошибок.

 

Итоговый вариант сайта

сайты для психологов

Актуальный на сегодня вариант сайта можно посмотреть по ссылке >>>

 

Сайт благотворительного проекта «Первая Психологическая Помощь»

Следующий сайт, который решили сделать на платформе Tilda — это сайт благотворительного проекта «Первая психологическая помощь», который должен включать в себя 4 страницы с разными направлениями деятельности организации:

  • О благотворительном проекте «Первая психологическая помощь»
  • Бесплатный Телефон доверия
  • Онлайн-чат первой психологической помощи
  • Волонтерская служба — бесплатные индивидуальные консультации психологов

Сайт необходимо сделать в таком же стиле и цвете, который был сформирован при создании сайта для Федерации психологов-консультантов онлайн (ФПКО).

 

Ход работы над сайтом

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

Текст для страниц был разработан самим Институтом, потому что необходимо было разместить всю обязательную информацию и формы.

Я собрала всю информацию по каждой странице и представила будущий сайт в виде понятной схемы (прототипа).

После обсуждения и некоторых корректировок вариант верстки был принят и я приступила к верстке сайта на Tilda.

 

Итоговый вариант сайта

Актуальный на сегодня вариант сайта можно посмотреть по ссылке >>>

 

Настройки сайта

  • Подключены формы для сбора заявок и вопросов от посетителей сайта.
  • Подключены приемщики данных — telegram, email — чтобы все вопросы и заявки моментально попадали работникам института и они могли быстро проконсультировать клиента.
  • Подключен сервис чата-онлайн JivoSite, полностью настроен для работы.
  • Добавлена страница 404 для тех, кто неверно внес адрес в адресную строку браузера.
  • Сделаны SEO-настройки.

 

Сотрудничество

В настоящее время сотрудничество продолжается.

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

сайты для психологов


Если вам сейчас актуально привлечение новых целевых заявок, повышение узнаваемости вашего бренда, формирование доверия, то предлагаю нам созвониться на 5-10 минут, чтобы я немного глубже поняла вашу ситуацию и подготовила первый экран вашего будущего сайта или одну страницу материалов (бесплатно).

Пишите мне на удобные контакты

 


 

Avtor
Светлана Ильина
дизайнер

Создаю стильные чистые сайты,
презентации, инфоматериалы,
которые продают и
работают на личный бренд

Фото автора

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

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