Сайт Паралимпийского Комитета Российской Федерации
Ресурс призван информировать о работе Комитета и анонсировать мероприятия, проводимые при его участии.
Задачи
Нужно в сжатые сроки — к старту Олимпиады — обновить сайт для государственного заказчика:
- Сделать акцент на спортивном духе Комитета, идеологии равных возможностей и внимании к людям с физическими ограничениями
- Поддержать новостную и информационную функции сайта
- Создать ресурс, который способствует привлечению новых партнеров
Работы велись удаленно и в жестком темпе, при этом главной сложностью было учесть специфику целевой аудитории сайта
Креативная концепция
Мы предложили клиенту три варианта концепции, которые по-своему раскрывали ценности организации. Вместе с мудбордами и концепцией были высланы скетчи будущего прототипа.
В этой концепции нам хотелось подчеркнуть современность и актуальность спорта. Для этого мы использовали броский стиль «metro-design». Его применяют на самых современных сайтах и в программах, где требуется максимум удобства и простоты. Яркий представитель metro-дизайна — программа Windows-8.
Мы предложили предельно простой и наглядный сайт с чистыми цветами. В крупных изображениях иконок нет ни лишних объемов, ни теней. Благодаря чистому и яркому представлению информацию получить легко, не вглядываясь в вычурные лишние элементы.
Чтобы на сайте было легче сориентироваться, информацию мы разделили на блоки.
Вторая концепция разработана в строгом, легком и современном стиле, подчеркивающем открытость нашего клиента. Преобладают белый и светло-серый цвета.
Цветные объемные акценты фокусируют внимание пользователя на важных элементах и блоках — не дают «потеряться» на странице. Для большего удобства каждый горизонтальный блок выделен своим фоновым цветом: белым, светло-серым и т.д. Цвета динамично чередуются.
Графические элементы в виде ленты, напоминающие российский флаг из логотипа ПКР, подчеркивают государственный статус комитета.
Информацию будет найти легко, а интерактивный слайдер внизу страницы придает общению с сайтом еще больше динамики.
Это дизайн, который подчеркивает солидность и строгость. При этом пользователь получает интересный и запоминающийся опыт общения с сайтом благодаря элементам, копирующим внешний вид реальных объектов. В дизайне этот прием называется «скевоморфизм» и часто используется для мобильных приложений.
Под различными блоками сайта мы предложили использовать фотореалистичные материалы. Например, фактуру натуральной кожи. Текстовые блоки напоминают записы в бумажном блокноте. Элементы навигации, переключатели, стрелки повторяют внешний вид реалистичных аналогов.
Центральный слайдер сайта выполнен в виде развевающегося флага России, на который наложены фото и заголовок. Под ним располагаются прочие блоки.
Представлениям клиента отвечала вторая креативная концепция строгого и легкого дизайна. Ее даже заверили печатью и подписью прежде, чем запускать в работу.
Проектирование сайта
Особое внимание уделили функциональности. Такие элементы как «Контакты» и «Поиск» находятся на заметной позиции вверху страницы. Первый экран открывается интерактивным слайдером, анонсирующим важнейшие спортивные события за последнее время.
Поскольку новостная функция ресурса — одна из важнейших, мы тщательно проработали «поведение» блока новостей. Он расположен под слайдером. И при нажатии на ссылку «еще новости» предлагает вниманию пользователя еще больше актуальных событий.
Сайт будет часто обновляться фотографиями, отчетами о мероприятиях и видео. Мы создали несколько простых шаблонов страниц, содержимое на которые можно добавлять и без навыков программирования.
Шаблоны можно будет без труда менять, прикреплять информацию любого формата: текстовую, фото и видео.
Предусмотрена система долговременного архивирования данных и файлов на сервере.
Создание дизайн-макетов
Чтобы подчеркнуть общероссийский масштаб деятельности ПКР и его спортивную специфику, мы сделали визуальную привязку главного слайдера к порталу Министерства Спорта РФ.
Сохранив серо-белую гамму, мы добавили синие оттенки — создали сдержанную палитру, которая располагает к деловому общению и комфортному изучению пользователями и партнерами.
Слайдер на главной странице сразу открывает доступ к важной и актуальной информации.
Внимание пользователя сконцентрировали на наиболее важных навигационных элементах, которые поместили на видное место вверху страницы.
Для людей с ограничениями по зрению предусмотрена контрастная версия сайта нескольких оттенков.
ПКР действует в масштабах целой страны. Интерактивная карта регионов подчеркивает этот факт и предоставляет информацию в зависимости от географического положения.
При наведении курсора на определенный регион он подсвечивается с указанием названия. При клике на регион слева появляется краткая информация о регионе, видах спорта в регионе и ответственные лица.
Изменения в концепции
Клиент посчитал, что декоративные элементы — ленты — делают сайт недостаточно строгим. Перед Зимними играми хотелось как можно точнее позиционировать крупный общероссийский комитет, показать его солидный статус. Мы предложили несколько вариантов замены, а потом и вовсе убрали весь декор.
Не смотря на жесткий дедлайн, мы успели к старту Паралимпийских игр. Паралимпийский комитет получил простой и эргономичный ресурс для всех типов аудиторий: его удобно просматривать, а контент легко обновлять.