AM.PM Notes
19 subscribers
153 photos
17 videos
1 file
57 links
Заметки о дизайне и разработке // По рабочим вопросам @ksenowork
Download Telegram
Forwarded from REB8T
Открыли открытый лекторий 🆕

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

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


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

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

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

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

#rebootcase #productcorner
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
pov: ощущения на второй год психотерапии

A massive rough volcanic stone sphere, floating in mid-air, centered in a dark square composition. The stone is cracked with one or two large fissures, and from inside, a radiant orange glow bursts out, resembling a soul’s ethereal light. The texture of the stone is coarse and jagged, with realistic volcanic details. The sphere hovers weightlessly, surrounded by smaller floating rocks and debris, creating a dynamic sense of motion, reminiscent of a dramatic scene from The Lion King’s Scar song. The background is dark and atmospheric, with subtle mist and glowing particles enhancing the mystical mood. A moody graphite-gray and orange color palette dominates the scene, with the light from the cracks casting glowing reflections and shadows on the surrounding elements. Epic and cinematic lighting, with the sphere suspended in an awe-inspiring, otherworldly atmosphere. --ar 1:1
🔥2
Forwarded from REB8T
Media is too big
VIEW IN TELEGRAM
Стартуем год с глобального во всех смыслах кейса:
Редизайн сайта CUBIO (Gameforge, Германия)
😎

Тоня Ганичева (лид направления креативных технологий) вместе с Верой Ксенофонтовой (лид ux/ui дизайнер) почти год работают с клиентом из Германии и рассказывают детали:

Gameforge AG — немецкий видеоигровой паблишер со штаб-квартирой в Карлсруэ , специализирующаяся на онлайн-играх.


Под Alpha / Closed Alpha запуск новой многопользовательской игры CUBIO помогли переработать сайт игры.
Cubio — песочница для создания игр. Доступна на ПК;
ЦА: кор аудитория дети (9-16 лет) + креаторы, создатели игр в рамках открытого мира (16-25 лет)


Раньше уже существовала посадочная страничка, но она не выполняла маркетинговые задачи. Поэтому возникла необходимость улучшить UX и UI сайта.

К редизайну (а мы работали не только с дизайном, но и наполнением) мы подошли в несколько этапов:

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


Так мы пришли к необходимости «чистить» цвета, дробить тексты и обновлять копи. Более простые решения с цветами освободили место для персонажей из игры. Дополнили всё дудлами, отсылающими к эстетике скетчей, крафта и чего-то рукодельного.

2. Особое внимание уделили улучшениям формы регистрации в альфа-версии игры, шаги хотелось сделать максимально простыми и понятными для пользователя.

Технические особенности:
— Важно, чтобы сайт был сделан как шаблон, который можно было в будущем развивать и добавлять новые блоки через админку без привлечения разработчиков.
— Форму сделали кастомно из-за политики GDPR

Посмотреть, поиграть, а также стать креатором можно тут: playcubio.com

Благодарности также летят нашим друзьям из Redis за лучший саппорт по разработке 😍

#rebootcase #creativecorner #uxui #webflow
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2
Forwarded from TrendWatching
This media is not supported in your browser
VIEW IN TELEGRAM
Самый милый UI найден на сайте у TunnelBear: медведь следит за тем, как вы вводите почту, но прикрывает глазки, когда дело доходит до пароля.

Теперь точно можно не переживать за свои данные😎
Please open Telegram to view this post
VIEW IN TELEGRAM
🌚1🤓1
Forwarded from REB8T
STUDIO 23: Инвестиции для зумеров
Релиз нового global проекта!


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

Для кого это? 📈

Аудитория STUDIO 23 — это активные, амбициозные представители Gen Z: студенты старших курсов и выпускники топовых вузов Европы, которые хотят инвестировать не в акции, а в идеи. Их боль — отсутствие опыта, ограниченный бюджет для входа в крупные фонды и низкое качество проектов на краудфандинговых платформах. STUDIO 23 решает эти проблемы, предлагая камерное сообщество с редкими сделками и поддержкой на каждом этапе.

С нуля создали бренд, который сочетает серьёзность инвестиционной сферы с энергией молодёжи 🔗

Логотип в рукописном стиле (леттеринг) символизирует живое общение и скорость реализации идей — от наброска стартапа на салфетке до запуска MVP. Каждая буква уникальна, что подчеркивает креативность и индивидуальность бренда.

Отдельным пожеланием был тёмный фон. Это настроение идеально поддержала графика в стиле гранж. Яркие градиенты на тёмном фоне стали отсылкой к пульсирующей энергии, а переливы добавили динамичности.

Использовали карточки и бенто-сборки — базовый приём для стартапов, но придали им необычную форму. Фигурная граница четырёх основных разделов привлекает внимание к поэтапному рассказу о простоте инвестиций с Studio23.

Сторителлинг без занудства 📖

Цель лендинга — рассказать про инвестиции в тоне дружеской беседы, а не лекции. Разбили сайт на 4 ключевых раздела: Deal Selection, Platform, Community, Membership. Подсветили их в начале, чтобы задать структуру. Это помогает быстро погрузиться в суть.

Шрифты 🔓

Использовали сдержанный гротеск в сочетании с микродеталями вроде квадратных скобок и тонких линий, чтобы подчеркнуть технологичность сферы.
Цветовое сочетание «мандариновый на тёмном» — яркая, контрастная, экспрессивная пара.
Выделили ключевые слова в каждом абзаце, ведь зумеры держат внимание только 8 секунд, и надо успеть донести информацию.

Спасибо команде проекта 🙏

- Сергей Борцов (дизайн-директор)
- Олеся Колыванова (арт-директор сайта)
- Вера Ксенофонтова (ведущий UX/UI-дизайнер)
- Полина Кременец (диджитал-продюсер)
- Анастасия Артамонова (разработчик на Tilda)

Проект https://studio23.club только на старте, сайт еще будет наполняться контентом, участниками и сделками 💵
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Forwarded from REB8T
Меняете позиционирование? Тогда вам нужен редизайн
Новый кейс Random Coffee by REB8T


Мы провели редизайн сайта Random Coffee в связи с вступлением в SCC и изменениями в брендбуке, ребятам хотелось красиво заявить о сотрудничестве и о масштабности планов на развитие продукта!

Проблемы*️⃣
— Сайт был перегружен текстами, объясняющими работу продукта, что затрудняло понимание функционала. Пользователи изучают сайты по диагонали, поэтому даже подробные описания могут быть неэффективными
— Внешний вид сайта не соответствовал обновлённому гайдбуку

Задачи 📎
— Отразить смену приоритетов в продуктовой линейке. Теперь B2B выходит на один уровень с B2С, а специальные продукты для сообществ стремительно развиваются
— Придумать решение, которое бы «освежило» стиль Random Coffee, но при этом чтобы пользователи продолжали узнавать бренд и на обновленном сайте

Ограничения🔵
Одно из немаловажных испытаний, которые мы проходим на каждом подобном проекте, — это верстка на Tilda. У Random Coffee давно настроены все оплаты именно на ней, поэтому и верстка нового сайта осталась тут

Как всегда, мы выжали из Tilda максимум, можете сами увидеть! За это спасибо нашим дизайнерам, и разработчику Насте!

Что сделали
1⃣ Выделили 3 главных направления и расставили приоритеты на продукты внутри каждого из направлений

2⃣ Создали обновленную структуру сайта, в которой оставили 4 основных страницы с понятной навигацией, вместо 13 на старом сайте

3⃣ Построили дизайн на основе «разряженного бенто» — добавили в плотную сетку воздух, отступы, а еще яркие цвета и графику из обновленного гайдбука. А для ощущения живого комьюнити — фотографии и видео с людьми

4⃣ Сохранили узнаваемый тон бренда. Оставили фирменный синий и добавили цветовое кодирование для каждого продукта. Еще непростой задачей стало расположение большого количества информации, мы решили это, частично заменив ее видео, раздробив на блоки и спрятав в FAQ

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

Фанфэкт 🤖
Мы записывали видео на сайт совместно командами REB8T и Random Coffee, маркетинг-лид Полина и наш диджитал-продюсер Тоня не были знакомы, но видели друг друга на финальном видео, и тут они пересеклись в Сербии в одном кафе, как раз за просмотром финальной верстки. Вот такой действительно random coffee случился в жизни

Вот они, слева направо 💙:
Сергей Борцов - дизайн-директор
Олеся Колыванова - арт-директор
Марина Быкова - ведущий UX/UI-дизайнер
Вера Ксенофонтова - UX/UI-дизайнер
Настя Артамонова - разработчик на Tilda
Аня Пачганова - digital продюсер

И, конечно, команда RC 💙:
Екатерина Солдатова - руководитель проекта
Полина Клёнова-Ленская - маркетинг лид
Кристина Манелова - арт-директор и иллюстратор
Вероника Покровская - копирайтер

Посмотреть сайт: https://random-coffee.ru/

#designmagic #byreboot
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Forwarded from REB8T
Как улучшить процесс обучения в компании, в которой трудятся 10 000 человек
Бизнес-симуляция «Самолет Сити» с полным погружением в девелоперский цикл для обучения сотрудников компании Самолет

Задача 📄
Обучить непрофильных специалистов, которые приходят с других сфер (например, маркетологи), разбираться в девелоперском цикле, а также показать профильным сотрудникам, как проходит девелоперский цикл от начала до конца именно в компании «Самолет»
Мы обожаем, когда к нам приходят не с готовыми задачами, а с болями, и совместно с клиентом мы уже находим оптимальное решение — Аня Пачганова, диджитал продюсер проекта


Решение 🏙
Градостроительный симулятор в стиле визуальной новеллы и обучающими механиками, в котором пользователь становится помощником руководителя проекта и вместе с тотемным зверьком «Самолета» — Квоккой, изучает процесс девелопмента с нуля

Визуал 🔲
Мы были привязаны к айдентике «Самолета» и выбранным механикам, по которым должны были шаблонизировать всё, что могли. Решением стали «острова», 2D-иллюстрации мы отрисовали в стиле Квокки, а 3D-карта выполнена в стиле low-poly, чтобы поддержать дружелюбный стиль остальных иллюстраций и при этом сохранить узнаваемость объектов «Самолета»

Механики ⚙️
— Игровые обучающие события с сюжетом. Помогают погрузить в реальные ситуации, которые случаются в компании и на них учиться

— Карта района. В течение игры пользователь построит небольшой город, каждое задание отображается на этапе строительства

— Тесты. Помогают закрепить ключевые знания после каждого уровня.

— Рейтинговая таблица и достижения. Дополнительно мотивируем сотрудников активно проходить игру

— Игра «Строй-ка». Добавили мини-игру в твою игру, чтобы ты мог играть, пока играешь в игру. Взяли всеми любимую механику Tower Bloxx и стилизовали под «Самолет»

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


Сделали первый уровень и заложили базу под всю остальную игру, сейчас продолжаем продумывать сценарий и контент для оставшихся 4-х уровней
При тестировании на фокус-группе сотрудников «Самолета»
97% отметили, что хотели бы обучаться таким образом
и по другим направлениям!


Кредитсы со стороны клиента 🩵
Миша Романовский, руководитель продукта
Агеев Сергей, ведущий менеджер по дистанционному обучению

Команда проекта 🩵
Сережа Борцов, дизайн-директор
Даша Белая, директор проекта/креативный директор
Кирилл Арапов, арт-директор и идейный вдохновитель
Вера Ксенофонтова, ведущий UX/UI-дизайнер
Саша Яковенко, креативный копирайтер
Алена Лившиц, копирайтер
Даша Пак, 3D-иллюстратор
Марина Молодцова, 2D-иллюстратор
Даша Култышева, 2D-иллюстратор
Лиза Фролова, 2D-иллюстратор
Денис Давыдов, моушн дизайнер
Аня Пачганова, диджитал продюсер
ZBRSK, разработка

_________
Готовы геймифицировать свой продукт?
Пишите нашему Ярославу 😀
Или оставляйте заявку на сайте ⚙️

#byreboot #gamejam
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1