Logo-8 Copy Shape Created with Sketch. Fill 53 Shape Created with Sketch. odnoklassniki Created with Sketch. path9 Created with Sketch. Shape Created with Sketch. g15 Created with Sketch. vkontakte Created with Sketch. whatsup Created with Sketch.

Интернет-проект о творческом движении инклюзивных коллективов и людей с инвалидностью из 16 стран мира.

Заставка

Национальный Парадельфийский комитет России и Правительство Удмуртской Республики обратились к нам с предложением разработать информационный портал для международных Парадельфийских игр — творческих соревнований людей с ограниченными возможностями.

ЗАДАЧА

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


https://www.youtube.com/watch?time_continue=2&v=J4JLtEa4ha4&feature=emb_logo

Не так просто, как кажется

Музыка, танец, театр, песня, цирк. Искусство — место свободы почти без ограничений. Говорим «почти», потому что знаем: за каждой картиной — часы перед мольбертом, за каждым отточенным па — боль и усталость тренировок. Хотя это и незаметно, у людей с инвалидностью этих «почти» немного больше, чем у других. Со стороны мастерство выглядит так же легко. Изнанка — гораздо сложнее и тернистее. Так мы пришли к главной идее проекта — «Не так просто, как кажется» — и отразили её во всех особенностях информационной площадки.

 

 

Продуманный дизайн

Шрифты: мы ориентировались на людей с нарушениями зрения, поэтому взяли заведомо крупные шрифты. Увеличили заголовки. Сложные формы заявок и регистраций оживили с помощью микроанимаций.

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

Иконки: для восьми видов искусства мы отрисовали индивидуальные иконки. Из них сделали кучу паттернов. В чем их суть? Иконки — это мини-конструкторы, полностью разборные. Они легко встраиваются в любой стиль и окружение и могут использоваться в других визуальных коммуникациях: на баннерах, в роликах, видео, рекламе.

Проработанный контент 

Новости и статьи от СМИ, онлайн-трансляции, фото, документы. Мы переработали тонны данных. Так как игры международные — весь контент площадки, включая видео, переведён на английский.

 

Функциональный и адаптивный портал: яркий и легкий снаружи, продуманный — внутри.

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

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

Устойчивость к высоким нагрузкам

С момента открытия регистрации и до начала игр нагрузка на портал постепенно росла. Организаторы ежедневно публиковали новости, сообщения для участников. Велась онлайн-трансляция выступлений. Она была очень популярна. Пик посещаемости пришёлся непосредственно на время события. Надёжность обеспечил специально выделенный сервер от провайдера «Ростелеком».

 


Для реализации проекта у нас было чуть больше двух месяцев

Часть материалов обрабатывали и подгоняли под функциональные рамки. Незначительные пожелания быстро учитывали, где-то находили компромиссы. В общем и целом, работали по Agile.

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


ТЕХНОЛОГИИ 

HTML+CSS+JS-скрипты;

PHP 5.6;

CMS «1С-Битрикс»: «Управление сайтом», редакция «Старт»;

PHPOffice/PHPExcel для выгрузки списков заявок участников;

AJAX для форм заявок, регистраций; подгрузки новостей при скроллинге.

Награды

Компания «Пиком» стала лауреатом ключевого и старейшего конкурса Рунета «Золотой сайт» за разработку проекта для международных Парадельфийских игр. Мы получили почетное третье место в номинации «Дизайн для всех (инклюзивность и универсальность)»

Программа «Пасека» – сообщество веб-студий, агентств, IT-компаний и независимых профессионалов, заинтересованных в работе с некоммерческими организациями и социальными проектами.

Все материалы сайта доступны по лицензии Creative Commons СС-BY-SA 3.0.

Сайт сделан
при поддержке
Теплица социальных технологий