Фирменный стиль и редизайн для Zindi
Фирменный стиль и редизайн для Zindi
Переработали сайт и обновили стиль, чтобы повысить конверсию и выделить платформу среди конкурентов
Переработали сайт и обновили стиль, чтобы повысить конверсию и выделить платформу среди конкурентов
Zindi – африканская платформа соревнований для программистов, которая помогает им развивать навыки, получать практический опыт и находить работу. А еще позволяет компаниям привлекать разработчиков для решения бизнес-задач при помощи искусственного интеллекта и машинного обучения
Платформа требовала обновлений
Команда стартапа хотела обновить дизайн, чтобы выделиться среди других игроков на рынке.
Мы провели исследование и поняли, что нужно сначала улучшить пользовательский опыт, интерфейс и бизнес-сценарии. А потом решили также освежить фирменный стиль.
Задачи
Создали новый стиль
По нашей задумке новый фирменный стиль должен был подчеркнуть африканское происхождение компании и транслировать научную специфику платформы.
Мы вдохновлялись традиционными орнаментами и цветами природы Африки. В дизайне использовали яркие паттерны и геометрические формы, выстроенные по изометрической сетке, технологичный шрифт, фотографии людей и много белого фона.
Цвета
%20(1).jpg)
.jpg)
.jpg)
Паттерны
Графика
Шрифт
IBM Plex Sans
Переработали все страницы сайта
В первую очередь решали критические проблемы и меняли основные пользовательские сценарии.
Во время исследований выяснилось, что основные цели пользователей платформы — соревнования, обучение, работа, общение и сообщество. Так мы назвали основные разделы сайта.
Оптимизировали каталог соревнований
Несмотря на то, что соревнования — главная функция платформы, здесь обнаружился максимум проблем. Пользователям было сложно находить нужное соревнование и отправлять версии кода, а организаторам — обсуждать результаты и работать с таблицами лидеров.
Обновили фильтр, добавили поиск и сортировку
Раньше было два раздела: соревнования и хакатоны. Мы вынесли хакатоны в фильтр, так как они отличаются от соревнований только наличием пароля
Добавили геометричные формы, чтобы оживить скучный список
Добавили пояснение, что флаг обозначает страну, проблему которой решают, а не ограничение на участие
Обновили фильтр, добавили поиск и сортировку
Добавили геометричные формы, чтобы оживить скучный список
Раньше было два раздела: соревнования и хакатоны. Мы вынесли хакатоны в фильтр, так как они отличаются от соревнований только наличием пароля
Добавили пояснение, что флаг обозначает страну, проблему которой решают, а не ограничение на участие
Упростили пользовательские сценарии
Добавили предупреждения, объяснения механик и обратную связь на действия. Внедрили новые текстовые стили в описание и сделали якорную навигацию.
Сделали раздел обсуждений удобнее
Переделали неудобный редактор. Избавились от неадаптивной верстки и неструктурированного текста. Добавили рубрикацию и сортировку. Чтобы увеличить активность пользователей, внесли в карточки обсуждений информацию об авторе, участниках, комментариях и просмотрах.
Упростили редактор статей
Избавились от HTML-разметки. Упростили редактор, чтобы пользователи могли менять стиль текста и добавлять в статьи фотографии и списки даже с мобильных устройств.
Переделали выдачу вакансий
Сделали карточки вакансий информативнее. Добавили поиск, фильтрацию и сортировку.
Улучшили блог
Избавились от HTML-разметки. Упростили редактор, чтобы пользователи могли менять стиль текста и добавлять в статьи фотографии и списки даже с мобильных устройств.
Добавили рубрикатор и сортировку
Переверстали карточки статей
Собрали UI kit
Включили все компоненты, карточки и элементы, семантические цвета и шрифты.
Клиент остался доволен
Мы получили много положительных отзывов на новый дизайн. Количество регистраций и общая вовлеченность пользователей также заметно выросли. А еще после перезапуска мы привлекли более миллиона долларов инвестиций!
Команда
Арт-директор
Евгений Лучинин
Старший дизайнер
Денис Кабаков
Менеджер проекта
Кирилл Москалев
Дизайнеры
Анастасия Ермолаева Лия Дюльдина
Над кейсом работали
Кирилл Тен
Соня Рутковская
Марина Романова
Оля Азовская
