Заказчик
За разработкой сайта к нам обратилась Черниговская областная организация Украинского общества слепых (УТОС). Это общественная организациея, объединяющая людей с инвалидностью по зрению, социально незащищенных и материально необеспеченных слабовидящих граждан.
Задача
У заказчика уже был сайт, который не удовлетворял его по дизайну. Была плохо реализована работа с новостями и фотогалереей, у которой не было возможности добавлять альбомы. Заказчик не мог нормально наполнять и поддерживать сайт.
Плюс перед нами была поставлена не стандартная задача: главная цель проекта — сделать доступный корпоративный сайт в первую очередь для слабовидящих людей, то есть с инвалидностью по зрению. Инклюзия и удобство пользования для людей с различными диагнозами недостатков зрения – вот основные принципы, которых мы должны были придерживаться при разработке данного проекта.
Данная организация открыта к сотрудничеству и нуждается в помощи для своих подопечных, поэтому второй задачей было привлечение других организаций, благотворительных фондов и волонтеров для предоставления помощи членам общества слепых.
Как создавался сайт, решение поставленных задач
После определения основных целей, проработки требований и структуры сайта было согласовано техническое задание с заказчиком. Структура сайта должна была быть удобной для пользователей и вмещать разделы с полезной информацией:
— новости и деятельность организации,
— как стать ее членом и формы подачи заявки на вступление,
— новости и фотоотчеты по проведенным мероприятиям,
— нормативно-правовые документы в помощь членам организации,
— информация для сотрудничества, волонтерства и меценатства.
Таким образом, решено было структуру сайта сделать из следующих разделов: Главная, О нас, Нормативно-правовые акты, Новости, Галерея, Сотрудничество и Контакты.
Раздел новости разделили на главную страницу новостей с превью, короткой информацией и календарем и непосредственно страницы самой новости с увеличенной главной фотографией и комментариями.
В разделе фотогалерея разработали возможность заказчику создавать фотоальбомы под отдельные события.
Сайт должен быть с понятной и легкой панелью управления, поэтому в качестве «движка» была выбрана CMS WordPress. Система полностью удовлетворяет потребности заказчика по функционалу и простоте управления, а также полностью поддерживает адаптивную верстку.
Дизайн сайта
Для разработки данного сайта стандартные дизайнерские решения не подходят. Люди с нарушениями зрения должны иметь возможность легко читать сайт.
К дизайну и юзабилити сайта были максимальные требования:
— лёгкость для восприятия,
— максимально читабельный текст, крупные шрифты;
— крупные и контрастные кнопки и прочие элементы сайта;
— специально подобранная цветовая гамма для людей с ограничениями по зрению с высоким уровнем контраста.
При этом, ничего лишнего, ничто не должно отвлекать посетителя, не должно быть лишних раздражающих глаза деталей.
Панель для слабовидящих – специальная возможность для людей с различными проблемами зрения
Самым главным нашим решением поставленной задачи была «Панель для слабовидящих». С помощью нее можно добавить функции и подобрать специальные настройки отображения страниц сайта по цвету, контрастности, размеру шрифта и т.д, которые удовлетворят потребности людей с ограниченными возможностями с различными диагнозами по зрению.
Например, возможность настроить отображение цвета на сайте поможет людям с дальтонизмом, а увеличение интервалов между буквами и строками, а также настройка шрифта с засечками — людям с дислексией. Из-за особенностей работы мозга такие пользователи испытывают трудности с чтением и пониманием текстов.
Панель должна быть всегда доступной и легко включаться. Для реализации этого решения использовали специальный WordPress-плагин “Button visually impaired”. В стандартной комплектации он нам не подходил, поэтому пришлось его доработать под украинский язык и наш индивидуальный дизайн.
Возможности панели для слабовидящих:
— изменение размера шрифта (до 200%),
— включение и отключение изображений, отображение в черно-белом,
— изменение фона страницы,
— изменение гарнитуры,
— изменение интервала между буквами (Кернинг),
— изменение интервала между строками,
— синтез речи,
— поддержка браузеров (Chrome, Firefox, Safari, Internet Explorer(v: 11, 10, 9), Microsoft Edge, Opera и тд.)
На финальной стадии сайт был оптимизирован для увеличения скорости загрузки.
Результаты
В данном проекте все требования заказчика были реализованы на 100%. Разработан индивидуальный дизайн, текст хорошо читается на мобильных устройствах с небольшим экраном. Реализована адаптивная верстка под 4 типа разрешений под большинство современных устройств.
Сайт полностью готов к эксплуатации, имеет двуязычную языковую версию: на украинском и английском языках. Также возможно его дальнейшее развитие, так как CMS WordPress позволяет масштабирование.
Ну и самое главное — панель для слабовидящих была по достоинству оценена членами организации!
Хотите заказать разработку и продвижение сайта? Как видите, любые нестандартные задачи ИТ компания Max Project может выполнить. Свяжитесь с нами по телефону: +38 (050) 258 49 88 или +38 (0462) 935 045, или оставьте запрос на электронную почту sales@maxpro.company.