medinnova.org

О проекте

Клиент обратился к нам с запросом провести редизайн сайта и улучшить usability личного кабинета пользователя. Для этого мы изучили конкурентов и потребности целевой аудитории, разработали обновленную структуру сайта, создали новую дизайн-концепцию и разработали сайт на Yii2 с анимацией и удобными UX-решениями как для пользователя, так и для административной панели клиента.

Больше о клиенте

Стек проекта

Figma
Adobe Photoshop
Adobe AE
PHP / Yii2

Скриншоты

Чтобы увеличить изображение, кликните на нём.

Детали работы

Новая версия сайта: https://medinnova.org/

Старая версия: https://old.medinnova.org/

Проект начали с подробного брифа клиента и анализа старой версии сайта. Проинтервьюировали клиента, изучили данные Я.Метрики и сайты конкурентов. После предпроектного анализа скорректировали задачи:

  • Функционал личного кабинета пользователя должен быть расширен, а пользоваться им должно быть просто и удобно;
  • Фильтрация контента на сайте должна быть максимально удобной для пользователей;
  • Сайт должен иметь удобную адаптивную версию;
  • Административная панель сайта должна быть заточена под нужды клиента и не иметь ненужных разделов и функций;
  • На новом сайте должна присутствовать анимация, которая станет его конкурентным преимуществом;
  • Переход со старого сайта на новый должен пройти безболезненно, чтобы не навредить SEO и постоянным пользователям сайта. Для этого важно настроить редирректы со страниц старого сайта, а также запустить сайт в период наименьшей посещаемости. 

Уточнив задачу, перешли к разработке дизайн-макетов. В концепции удалось выдержать баланс между консервативным и современным дизайном и аккуратно поддержать цветовую гамму в стиле медицинского портала. 

Для разработки сайта выбрали движок Yii2, так как он позволял реализовать весь функционал сайта, среди которого: личный кабинет пользователя, генерация сертификатов по результатам тестирования, фильтры на Ajax и система уведомлений. Интересной задачей был прелоадер — мы разработали систему, которая в определенной последовательности анимировала каждый из кружков логотипа, создавая эффект движения по спирали.

Последним этапом стал перенос контента. Сложность была в объеме: нас ждало 80 мероприятий, 20 тестирований, 350 видеозаписей, 120 специалистов и 40 публикаций. Из-за сложной структуры старого сайта, информацию переносили вручную, а для ускорения использовали парсеры контента. В итоге смогли даже улучшить контент, обновив вместе с клиентом часть информации о специалистах и публикациях.

Результат

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

История развития

Мы стараемся развивать отношения с клиентом и работать в долгую. Здесь кратко описаны все работы по проекту, сделанные после запуска.

June

2021

Доработки раздела «Форумы»: участники не видят ответы друг друга, к форуму назначаются администраторы, которые могу удалять ответы пользователей.

April

2021

Добавили раздел «Форумы», расширили систему ролей пользователей сайта.

October

2020

Доработки интеграции с сервисом Facecast, техническое сопровождение во время первого мероприятия с использованием интеграции.

August

2020

Интегрировали сервис Facecast с сайтом.

June

2020

Добавили генератор страниц мероприятий на поддоменах с 3Д-сценами.

January

2020

Добавили раздел «Подкасты». Улучшили UI страниц специалистов, каталогов и административной панели.

December

2019

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

September

2019

Исправления UI в административной панели и логике показа контента неавторизованным пользователям. Обновили логотип компании.

July

2019

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

July

2019

Добавили раздел «Тестирования» с генерацией сертификатов.

June

2019

Запустили веб-портал medinnova.org. В срок и безболезненно для пользователей и клиента.

Другие работы

Чтобы увеличить изображение, кликните на нём.

Все проекты

edu.apkit.ru

edu.apkit.ru

2021
Онлайн-образование

урокцифры.рф

урокцифры.рф

2020
...
Онлайн-образование
Behance