01.10.2017
Задача проекта
Обеспечить информационное сопровождение международной медицинской конференции. Дать удобные инструменты для оргкомитета и пользователей.
О компании
The 26th Annual Meeting of the Asian Society for Cardiovascular and Thoracic Surgery — международная медицинская тематическая конференция, которая состоится в мае 2018 в Москве.
Особенности
Полностью на английском языке. Поэтапная разработка и внедрение. Организация приема тезисов. Онлайн регистрация и оплата участия. Кабинет оргкомитета. Многофункциональный кабинет участника.
Состав работ
Агрегация требований, техническая документация, адаптивный дизайн, reponsive верстка, разработка на «1С-Битрикс», дизайн почтовых шаблонов, интеграция платежных систем, генерация отчетов, поддержка проекта, системное администрирование.
ascvts2018.org
С задачей разработки сайта для международной конференции к нам обратился наш старый любимый клиент — Национальный медицинский исследовательский центр сердечно-сосудистой хирургии имени А. Н. Бакулева. Выбор нас в качестве подрядчика был не случаен, ведь одна из наших главных специализаций именно разработка сайтов для мероприятий.
Самая большая сложность при проектировании возникла, когда нам на раннем этапе не смогли передать практически никакой информации, ведь на тот момент вся практическая сторона был еще неопределенной. Даже даты и место проведения были неточными. К счастью, мы могли руководствоваться собственным опытом и опытом заказчика для агрегации требования и написания 40-страничного технического задания. Для всех основных разделов сайта были разработаны и утверждены прототипы (всего около 20).
ascvts2018.org
Задача первого этапа — запуск информационного сайта, где будет обозначена программа, оргкомитет, даты проведения и подачи тезисов на мероприятия. Дизайнер предложил концепцию в стиле material design. Изначальный концепт предлагал решение в нежно-вишневых тонах, что отражало азиатскую направленность мероприятия, но в конечном итоге утвердили нейтральную «мяту». Одной из сложностей стало внедрение не самого современного логотипа, в результате мы смогли «выровнять» стилистику и главная страница стала привлекательной и простой. Верстаем на bootstrap, в процессе понимаем, что сетка очень сложная, в результате чего собираем собственный фреймворк под проект. Промосайт на движок не вешаем, заливаем статикой, прикрутив скрипт для сбора подписчиков.
Дизайнер проработал каждый прототип, творчески и с учетом UX переработав концепцию. Дизайн обсуждался с оргкомитетом на личных встречах и с помощью специализированного ПО в режиме реального времени. Дизайнер также дал свои рекомендации для верстальщиков, каким образом лучше адаптировать макеты для различных мобильных устройств.
Разработанные макеты задали нашим верстальщикам хорошую задачу. По общему мнению, проект оказался самым сложным по верстке за весь рабочий год. Всему виной сложная сетка, parallax и анимационные эффекты, много js-интерактива. Responsive CSS также оказались ресурсоемкими, но мы справились!
ascvts2018.org
Начинаем разработку на «1С-Битрикс». Прежде всего готовим production и development площадку, настраиваем git. Разработку начинаем с регистрационной формы (она многоступенчатая и сложная). Начинаем формировать личный кабинет: персональные данные, подписки, дополнительные услуги. Программируем 4-ступенчатую процедуру подачи тезисов: много вычислений, проверок, условий. Обкатываем личный кабинет и выкладываем на production для начала подачи тезисов. Получаем обратную связь и параллельно с разработкой вносим мелкие изменения в интерфейс и программный код.
ascvts2018.org
В декабре прекращаем принимать новые тезисы (на время поставив на главную скрипт обратного отсчета). Начинаем разрабывать инструмент для управления конференцией для оргкомитета. В первую очередь — список тезисов (заодно делаем и для авторов) и детальные страницы доклада с возможностью документооборота. Программируем три разные формы DOCX отчетов. Далее — список участников конференции со сложной фильтрацией. Параллельно начинаем разработку процедуры оплаты регистрации, боремся с эквайрингом (огромная проблема с ценами в валюте). Формируем 4 разные формата счета в PDF, полностью переделывая каждый по нескольку раз.