Задача
Разработать веб-сайт стартапа Autentik для помощи людям с расстройствами аутистического спектра. Создать веб-версию продукта «Explain & Reply» — сервиса, помогающего в распознавании скрытых смыслов в сообщениях.
Особенности проекта
Нашей задачей было создать сайт не только оперативно, но и разработать дизайн, который бы учитывал особенности людей с расстройствами аутистического спектра. Первая версия веб-сайта для конференции была выпущена уже через два дня. Через две недели — релиз лендинга. В последствие, мы добавляли отдельные страницы, на которых более подробно рассказывали о продуктах компании, спонсорах и многом другом.
Дизайн
Мы проделали несколько итераций дизайна, исходя из обратной связи фокус-группы аутичных людей, предоставленной клиентом.
Чтобы обеспечить наилучший пользовательский опыт, мы создали несколько цветовых тем. Посетитель может выбрать между обычной версией, контрастной, для людей с нарушением восприятия цвета, и темной. Мы также использовали фиолетовый цвет как акцентный, поскольку он, как правило, нейтрален для людей с дальтонизмом.
Кроме того, на сайте присутствует специальный режим для дислексиков, который меняет стандартный шрифт по всему сайту на специальный. Главное отличие шрифта для дислексиков от шрифта для недислексиков — в асимметричности знаков, утолщении нижней части букв и разном написании похожих знаков.
.png) Как тиндер-карточки превратились в викторину](https://cdn.prod.website-files.com/62acd35f8b1323d2f6e5fcca/660d76dd91383b16cdaaeb9d_AUTENTIKthemes.png)
разработка
Согласовав концепты, мы приступили к реализации веб-сайта на WebFlow. В первую очередь был разработан лендинг, рассказывающий о стартапе, компании Autentik и доступных продуктах.
.png) Как тиндер-карточки превратились в викторину](https://cdn.prod.website-files.com/62acd35f8b1323d2f6e5fcca/660d76dd1e475f3f6af03e9d_AUTENTIKMain.png)
Страницы расширений
Закончив работу над главной, мы приступили к разработке отдельных страниц, например — страниц расширений для браузеров «AI Explain & Reply» и «Emotions Detector». Эти расширения проясняют скрытые смыслы в сообщениях, а также помогают классифицировать эмоции людей. На разработанных страницах подробно рассказывается, как их использовать и где их можно скачать.
.png) Как тиндер-карточки превратились в викторину](https://cdn.prod.website-files.com/62acd35f8b1323d2f6e5fcca/660d76ddadc6d3518c6e6d41_AUTENTIKExtension.png)
Блог Autentik AI
Для продвижения продуктов, привлечения инвесторов и клиентов, а также взаимодействия с аудиторией, был разработан блог. На сайт будут добавляться различные статьи, рассказывающие о нейроотличных людях и о том, какие есть способы их поддержать.
Autentik AI: Explain & Reply for autistic
На сайте присутствует веб-версия проекта «Explain & Reply» — не скачивая расширение, пользователь может получить потенциальный ответ на сообщение или прояснить скрытый смысл фраз. Мы разработали продукт за неделю, благодаря использованию
Streamlit. «Explain & Reply» поддерживает 4 языка: английский, русский, испанский и французский, а также дает возможность анализировать сообщения исходя из контекста.
Тест на определение коэффициента аутистического спектра
Прямо на сайте пользователь может пройти тест на «Маскировку» при расстройствах аутистического спектра. Ответив на 25 вопросов о социальных взаимодействиях, пользователь получает результат и его подробное описание.
Дополнительно, результаты можно получить в PDF файле на электронную почту. Письма приходят с помощью интеграции с MailChimp, что помогает компании набирать пользовательскую базу для дальнейшего привлечения инвесторов.
Итоги
Сейчас сайт помогает компании в поиске инвесторов и клиентов, распространяя помощь различным группам людей с расстройствами аутистического спектра.
.png)
