кто мы такие
что мы сделали
что мы умеем
контакты

Разработка дизайна сайта и платформы для компании CodeFit

Дизайн сайта и интерфейса для онлайн-платформы по обучению программированию на языке Ruby
CodeFit — платформа
по изучению Ruby
заказчик
Компания CodeFit
срок реализации
30 дней
Cервис помогает изучить язык программирования Ruby, чтобы получить профессию с хорошей оплатой.
CodeFit — это сервис
с онлайн-уроками, чтобы освоить новый полезный навык
главная задача:
создать дизайн сайта, игровые механики
и интерфейс платформы

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

Сделали подробный анализ данных, чтобы понять все преимущества обучения, а также продумали логику и тезисы, которые надо использовать
в дизайне.
начало работы
мы провели несколько интервью с заказчиком, чтобы лучше узнать образовательную методику
создание сайта, который будет понятен и интересен для новых пользователей
задачи проекта
запросы и потребности
Провели исследование целевой аудитории, чтобы понять, как их заинтересовать в новом продукте. Создали гипотезы, которые помогут им быстрее вовлекаться в процесс обучения.
возражения и опасения
Провели аналитику, что пользователи часто ожидают от обучения и чего опасаются. Продумали, как попадать в их ожидания и отработать возможные возражения.
Проектирование и логика
02 / 08
создали логическую структуру, которая последовательно и мягко знакомит пользователей с новым продуктом
придумали механику вводных уроков, чтобы показать легкость в обучении
01
02
копирайтинг для проекта
03 / 08
написали простые и понятные тексты,
которые рассказывают про все преимуществах обучения
объяснили, как и где можно применять полученные навыки, чтобы получать хорошую зарплату
копирайтинг для проекта
03 / 08
написали простые и понятные тексты, которые рассказывают про все преимуществах обучения
объяснили, как и где можно применять полученные навыки, чтобы получать хорошую зарплату
дизайн сайта и графика
04 / 08
стиль и шрифт
Мы придумали основного персонажа для проекта и графические элементы стиля. Выбрали подходящий шрифт для тематики программирования
адаптивные версии
Нарисовали дизайн сайта для разных разрешения экранов, чтобы всё и везде выглядело красиво и аккуратно.
интерфейс платформы
05 / 08
придумали дизайн интерфейса
для образовательной платформы,
на которой будет проходить обучение
не только нарисовали, но и продумали удобство пользования платформой
дизайн-система
06 / 08
для того, чтобы дизайн был аккуратно перенес в код, создали понятную дизайн-систему
в ней были учтены важные элементы сайта во всех возможных состояниях
дизайн-система
06/ 08
для того, чтобы дизайн был аккуратно перенес в код, создали понятную дизайн-систему
в ней были учтены важные элементы сайта во всех возможных состояниях
моушн-ролик
07 / 08
создали анимационный ролик, в котором показали работу интерактивных элементов
от анимации разных текстовых
блоков, до работы вводных уроков
по программированию
дизайн-надзор
08 / 08
01
Во время разработки сайта, были
в постоянном контакте с разработчиками.
никуда не пропадаем
02
Помогали ребятам с переносом дизайна.
всегда готовы помочь
03
Оперативно отвечали на все вопросы по проекту.
быстрая обратная связь