CodeFit

Сервис последовательно и мягко знакомит пользователей с новым продуктом. Помогает быстро освоить навык программирования на языке Ruby, чтобы получить профессию с хорошей оплатой.

О компании

Создать дизайн сайта, игровые механики и интерфейс платформы для изучения Ruby. Подготовить понятную дизайн-систему
для сторонних разработчиков.

Задача

Исследование

Копирайтинг

Анимация

Проектирование

Дизайн

Стек работ

CodeFit –
онлайн-платформа
по обучению программированию на языке Ruby

CodeFit – онлайн-платформа
по обучению программированию на языке Ruby

Создать дизайн сайта, игровые механики и интерфейс платформы для изучения Ruby. Подготовить понятную дизайн-систему для сторонних разработчиков.

( 01 )

Этапы работы

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

Исследование

( 02 )

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

Проектирование

Написали простые и понятные тексты, которые рассказывают про все преимущества обучения. Объяснили, как и где можно применять полученные навыки, чтобы получать хорошую зарплату.

Копирайтинг

Нарисовали дизайн сайта и платформы. Для того, чтобы дизайн был аккуратно перенес в код, создали понятную дизайн-систему. В ней учли важные элементы сайта во всех возможных состояниях.

Дизайн

Этапы работы

( 03 )

( 04 )

Дизайн сайта
и графические элементы

Продумали основного персонажа и графические элементы стиля. Выбрали подходящий шрифт
для тематики программирования.

Нарисовали дизайн для разных разрешений экранов, чтобы на всех устройствах сайт выглядел красиво и аккуратно.

О сайте

Интерфейс образовательной платформы

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

Не только нарисовали, но и продумали удобство пользования платформой.

О платформе

Дизайн-надзор

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

О процессе работы

обсудить проект

обсудить проект

Следующий кейс

Scandic Construction