Витрины и сервисы Регоблака
2021 — 2025
Регоблако (инфраструктурное подразделение Рунити) продаёт собственные услуги и сервисы через сайт, называя эту совокупность «Витриной». У Регоблака есть тёмная цветовая палитра, но раньше страницы и сервисы красились в фирменные цвета Регру.
В подразделение «под капотом» сформировано множество сервисов, управляющих инфраструктуруными проектами компании. Они, как и все страницы должны быть понятными, наглядными, в них должен ощущаться профессиональный вайб и дружелюбие. А впечатляющий визуал и интересные фишки здорово усиливают такой подход.
В подразделение «под капотом» сформировано множество сервисов, управляющих инфраструктуруными проектами компании. Они, как и все страницы должны быть понятными, наглядными, в них должен ощущаться профессиональный вайб и дружелюбие. А впечатляющий визуал и интересные фишки здорово усиливают такой подход.
Фирменная визуализация витрин.
Пустая страница ЛК.
«Свежему» пользователю мы показываем предложения, с которых можно начать свой бизнес.
Страница виртуальных серверов.
Кроме списка заказанных серверов, пользователю предлагаются дополнить услуги новыми возможностями.
Концепт подробностей услуги «Кластеры Kubernetes»
Список всех настроек пользователя.
Переписка с техподдержкой.
История про «тёмную тему».
Изначально в рамках общего стиля Рунити был придуман стиль с названием «Регпро» для более профессиональных пользователей. Понимая это, мы начали постепенно «заводить» новые цвета в обновление облачного стека дизайн-систем.
Выглядит такой переход, как появление тёмной темы, но это обычный переход на брендовые цвета «Регпро». Отсюда появление специфических цветовых реверсов из синего в светло-зелёный. Чтобы качественно перейти на новые тёмные цвета, был обновлён и цвет «светлых» токенов. Мы не просто перекрасили, а нашли и исключили «легаси» ошибки без долгой переделки логики и анимаций.
Изначально в рамках общего стиля Рунити был придуман стиль с названием «Регпро» для более профессиональных пользователей. Понимая это, мы начали постепенно «заводить» новые цвета в обновление облачного стека дизайн-систем.
Выглядит такой переход, как появление тёмной темы, но это обычный переход на брендовые цвета «Регпро». Отсюда появление специфических цветовых реверсов из синего в светло-зелёный. Чтобы качественно перейти на новые тёмные цвета, был обновлён и цвет «светлых» токенов. Мы не просто перекрасили, а нашли и исключили «легаси» ошибки без долгой переделки логики и анимаций.
Подробности одного из виртуальных серверов.
В какой-то момент Регоблако стало планомерно перестраиваться на свой собственный фирменный цвет из светлого «регрушного».
История наших внутренних ИИ-моделей Рунити.
Один из коммуникационных дизайнеров пользовался нейросетью Fooocus, запускал её через Google Cloud: для личного пользования на собственном компьютере — ок, для компании — не ок.
Мы подумали и запустили этот ИИ на собственном облачном сервере с GPU. Протестировали его работу и результатом стало появление серии сервисов:
Один из коммуникационных дизайнеров пользовался нейросетью Fooocus, запускал её через Google Cloud: для личного пользования на собственном компьютере — ок, для компании — не ок.
Мы подумали и запустили этот ИИ на собственном облачном сервере с GPU. Протестировали его работу и результатом стало появление серии сервисов:
- Графический инструмент для дизайнеров во внутреннем контуре.
- ИИ-ассистент с текстовыми моделями на Open Web UI, запускается нативно и дружелюбно сразу из коробки без входа в Терминал и наличия специфических знаний.
- Текстовая модель для внутренней «Вики» с потенциалом на запуск сервиса «Вики» для компаний клиентов.
- База данных для техподдержки и клиентов, «пришедших» туда за быстрой справкой по своему вопросу.
«Мастер заказа» сервера и ИИ-ассистеном.
«Витрина» про искусственный интеллект.
Блоки страницы об ИИ, как сервисе.
Лендинг ИИ-ассистента.
Особенности «нашего» ИИ-ассистента.
Поиск облачных услуг специально был убран с главной страницы, мы предположили, что в ближайший год многие пересядут из поисковиков в «нейронки», а суть запросов координально измениться на более человечные. Поэтому наш типовой поиск услуг превратился в страницу для больших языковых моделей и спрятался где-то на сайте.
Новый «хиро» для главной Регоблака.
«Первый экран» Регоблака мы сделали иначе — показали имиджевое изображение и основной оффер, после них разместили карточки, а далее показали предложения для ЛК.
Примеры наполнения главной страницы.
На базе текстового ИИ-ассистента мы собрали стартовый код для разработчиков, чтобы они понимали, как может и должен работать новый слайдер. Также дизайнеры «навайбкодили» его внутри Фигмы с применением библиотек и ДС Регоблака для полной консистентности.
Новый слайдер.
Это концепт слайдера, собранного полностью на собственных разработках без применения сторонних API.
Один из лендингов услуг.
Концепт простого калькулятора для расчётов услуги.
Посадочная страница услуги в облаке.
Для оптимизации сборки типовых макетов мы придумал «Шоукейс». В нём размещались часто используемые блоки и секции.
Страница про возможности защищённого хранилища.
С дизайн-системой мы сократили процесс с пяти недель до двух дней, с «Шоукейсом» — до двух часов на базовый макет.