Открыли открытый лекторий

Мы в REB8T делаем цифровые продукты, геймифицируем сервисы и превращаем обучение в увлекательные симуляции. Делимся кейсами с метриками, процессами и визуалом, а ещё практическими гайдами — от ChatGPT-анимации и mini app до Tilda/Shopify. Здесь только то, что можно применить завтра — честно, по делу и с любовью к деталям.

открытый лекторийСамолетproptech

В этот раз Даша Белая (лид направления цифровых продуктов) у микрофона:

Разработали образовательный проект для компании Самолет — Открытый лекторий ☺️

Это хаб, который объединяет разные обучающие активности компании в сфере proptech и девелопменте в одном месте.

Мы решили (точнее нам разрешили)) немного выйти за рамки текущей дизайн системы бренда и добавить что-то новое. Поэтому развили историю с различными формами шейпов, которые присутствуют в брендбуке, сделали их функциональными элементами и построили на этом стиль всего лектория. Подкрепили сайт анимациями, чтобы больше погрузить пользователя и дать ему понятный онбординг в продукт.

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

Очень любим и ценим работу с такими партнерами как Самолет, которые ориентируются не только на свои основные услуги, но и на людей и экосистему вокруг них ❤️

PS Конечно, отдельно благодарим команду SALT&PEPPER, с которыми хоть в огонь, хоть в воду, хоть в разработку ⭐️

#rebootcase #productcorner

Скриншот главной страницы «Открытый лекторий» Самолет: синий хедер, карточки курсов и фотография аудитории в правой части, демонстрация дизайна сайта.
Главная страница лектория с карточками направлений и фото аудитории, подчеркнуты новые шейпы и цветовая палитра.
Превью-мокапы страниц лектория: плитки с программами и иллюстрациями, демонстрация адаптивных карточек курсов и визуальных компонентов интерфейса.
Плитки и карточки программ — пример структуры лендингов для отдельных школ внутри лектория.
Мультискрин макеты: длинные скроллы сайта, блоки с описанием, иконки и элементы навигации на светлом и синем фоне, показывающие компоновку контента.
Макеты главной структуры — блоки «О лектории», контент и навигация по направлениям.
Фрагмент интерфейса с формой заявки и карточками спикеров: белые карточки на синем фоне, фотографии экспертов и контактная форма для консультаций.
Форма заявки и карточки спикеров — элементы онбординга и вовлечения пользователя.
Наполненный контентом скриншот: блоки достижений, преимущества школы, иллюстрации и чек-листы в фирменной синей палитре Самолета.
Блоки с преимуществами и иллюстрациями, демонстрирующие визуальный язык и информативность страниц.
Коллаж экранов с тестами и интерактивными элементами: примеры микроинтеракций, карточек тестирования и мобильных версий разделов лектория.
Примеры интерактивных модулей и тестов внутри платформы — элемент вовлечения для учащихся.
Набор скриншотов разных экранов: промо-блок PropTech, карточки курсов и мобильный вид, показывающие согласованный стиль и адаптивность дизайна.
Промо-блок PropTech и мобильные экраны — демонстрация согласованного визуального стиля проекта.

Дискуссия

Andrey Kachalov
Даша Белая настоящий профессионал и прекрасный человек! Поздравляю с запуском проекта 🎉 Команда SALT&PEPPER тоже несомненно умнички!)
Tamara
Как круто получилось!
Daria Belaia
Andrey Kachalov
Даша Белая настоящий профессионал и прекрасный человек! Поздравляю с запуском проекта 🎉 Команда SALT&PEPPER тоже несомненно умнички!)
Андрееей😍 Спасибо! тут все получилось и благодаря твоему надежному сопровождению на старте)
Присоединиться к обсуждению →

Читайте так же