Кейс: Разработка дизайна для образовательного портала

Привет, на связи команда linza. team. Мы продолжаем рассказывать об интересных проектах, к которым нам удалось приложить руку.

Сегодня поговорим о сайте для медицинского образовательного портала(NDA).

Кейс: Разработка дизайна для образовательного портала

О компании:

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

С чем обратились к нам:

Клиент обратился с задачей разработки сайта по предоставленному дизайн-макету.

Цели клиента:

  • Разработка сайта на 1С Bitrix по готовому дизайн-макету
  • Подключение интеграции с онлайн-трансляциями

Стек технологий:

  • Apache
  • Mysql
  • Php
  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • JQuery
Кейс: Разработка дизайна для образовательного портала

Как мы достигли цели:

Шаг 1. CMS, подготовка предпроектной среды, старт работ

Клиент обратился с задачей создать сайт, именно на 1C-Bitrix, из-за гибкости во время работы, стабильности и легкой адаптации под любые задачи владельца ресурса. WordPress можно использовать бесплатно, но его функционал сложнее адаптировать под нужды конкретного бизнеса, потому его лучше предпочесть для чего-то попроще, например блога или новостного ресурса. Ну а Bitrix отличный вариант для такого большого проекта, поэтому идею мы поддержали. Для разработки, была подготовлена рабочая среда на тестовом сервере, чтобы не вмешиваться в работу основного сайта.

Шаг 2. Формирование ТЗ

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

Шаг 3. Верстка страниц
У нас был готовый дизайн-макет, разработанный заказчиком в Figma, он включал в себя все страницы, разделы и окна, необходимые для сайта. Строгое следование ему обеспечило совпадение пропорций и после согласования верстки с заказчиком, началась разработка.

Часть макета<br />
Часть макета

Шаг 4. Разработка и внедрение страниц сайта

В этом шаге все по стандарту:

  • Создание шаблонов и применение их;
  • Создание и настройка необходимых элементов шаблона для SEO-продвижения;
  • Создание структуры сайта;
  • Создание и настройка инфоблоков;
  • Создание шаблонов визуальных компонентов;
  • Тестирование.

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

Кейс: Разработка дизайна для образовательного портала

В результате получился готовый сайт, полностью соответствующий желаниям заказчика.

Кейс: Разработка дизайна для образовательного портала

Шаг 5. Подключение интеграций

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

Кейс: Разработка дизайна для образовательного портала
Кейс: Разработка дизайна для образовательного портала

Результаты:

- Сроки: 60 рабочих дней

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

- Стоимость: $$

Кейс: Разработка дизайна для образовательного портала

Материал подготовили с душой:

Владимир Некрылов 
Старший специалист отдела сопровождения 
Екатерина Сивоха
Дизайнер
Кейс: Разработка дизайна для образовательного портала
99
Начать дискуссию