Корпоративный сайт-медиа для бизнеса и профессионального сообщества «red_mad _robot»
Компания
red_mad_robot запускают и развивают цифровые сервисы в финтехе, телекоме, банках, ритейле, страховании, e-commerce, медицине и промышленности. Используют ИИ и машинное обучение.
Задача
У заказчика уже был готовый сайт и фирменный стиль. Наша задача: сверстать и интегрировать готовый дизайн сайта в систему управления – кастомную CMS на основе Strapi.
Аналитика
Проектирование
UX-аналитика
Клиентская разработка
Тестирование
Технологии
Next.js
Headless CMS
MongoDB
PWA
React + SSR
Сайт реализован с использованием JavaScript библиотеки ReactJS, с менеджером состояний Redux. Рендеринг осуществляется на стороне сервера, для этого используется NextJS. Это нужно для быстродействия и делает возможным SEO продвижение в Google и Яндексе.
На Backend используется NodeJS с headless CMS Strapi и кастомизированным Editor.js. Редактор контента может собирать статью с десятком компонентов и индивидуально настраивать по типу Tilda. В качестве базы данных используется MongoDB с Python сервисом для поиска.
Идея
Показать позиционирование red_mad_robot с упором не на услуги, а на пользу для партнеров, клиентов, специалистов и любого, кто интересуется рынком цифры. Создать медиа с материалами о дизайне, аналитике и digital технологиях. Подготовить сайт к приему целевого и рекламного трафика из поисковых систем.
Главная страница
Мы разработали рубрикатор с 20+ тегами, чтобы персонализировать контент под интересы пользователей. Внедрили продвинутый поиск статей и планируем подключить алгоритм, который будет генерировать умную ленту для каждого пользователя на основе прочитанных материалов.
Умный поиск подбирает статьи по тегам и поисковым запросам. Лента «Поток» содержит подборку свежих материалов из других каналов red_mad_robot: соцсетей и блогов.
О компании
Внедрили динамический дизайн, чтобы проиллюстрировать концепты и наборы смыслов red_mad_robot. Сайт отзывается на движения мышью пользователя, раскрывая новые подробности о компании.
Система управления контентом
Разработали специальный конструктор, который позволяет быстро собрать страницу из готовых блоков. Удобный визуальный редактор с большим количеством инструментов позволяет редактировать и форматировать контент, но только в рамках дизайна. А режим предварительного просмотра покажет, как контент будет выглядеть у пользователя.
Адаптивная версия
Адаптивная версия позволяет пользоваться сайтом не только на десктопном разрешении, а также на планшетах и мобильных устройствах.
