Фирменный стиль и редизайн для Zindi

Переработали сайт и обновили стиль, чтобы повысить конверсию и выделить платформу среди конкурентов

Клиент

Zindi

Платформа

Веб, мобильная версия

Что сделали

Проектирование, дизайн интерфейсов, UI-кит

Ссылка

Сайт ↗

Zindi – африканская платформа соревнований для программистов, которая помогает им развивать навыки, получать практический опыт и находить работу. А еще позволяет компаниям привлекать разработчиков для решения бизнес-задач при помощи искусственного интеллекта и машинного обучения

Платформа требовала обновлений

Команда стартапа хотела обновить дизайн, чтобы выделиться среди других игроков на рынке.

Мы провели исследование и поняли, что нужно сначала улучшить пользовательский опыт, интерфейс и бизнес-сценарии. А потом решили также освежить фирменный стиль.

Задачи

Создали новый стиль

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

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

Цвета

Паттерны

Графика

Шрифт

IBM Plex Sans

Переработали все страницы сайта

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

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

Оптимизировали каталог соревнований

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

Обновили фильтр, добавили поиск и сортировку

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

Добавили геометричные формы, чтобы оживить скучный список

Добавили пояснение, что флаг обозначает страну, проблему которой решают, а не ограничение на участие

Упростили пользовательские сценарии

Добавили предупреждения, объяснения механик и обратную связь на действия. Внедрили новые текстовые стили в описание и сделали якорную навигацию.

Сделали раздел обсуждений удобнее

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

Упростили редактор статей

Избавились от HTML-разметки. Упростили редактор, чтобы пользователи могли менять стиль текста и добавлять в статьи фотографии и списки даже с мобильных устройств.

Переделали выдачу вакансий

Сделали карточки вакансий информативнее. Добавили поиск, фильтрацию и сортировку.

Улучшили блог

Собрали UI kit

Включили все компоненты, карточки и элементы, семантические цвета и шрифты.

Клиент остался доволен

Мы получили много положительных отзывов на новый дизайн. Количество регистраций и общая вовлеченность пользователей также заметно выросли. А еще после перезапуска мы привлекли более миллиона долларов инвестиций!