Приёмочные материалы
01Общий визуальный стиль остаётся светлым и лаконичным
02Основные кнопки должны иметь явно кликабельное состояние
03На главной странице сохраняются визуальные элементы технологичного характера
04Контентные модули размещаются в карточках
05Ключевой текст должен охватывать возможности, сценарии и ценность
06Ключевые цифры используются для подчёркивания ритма страницы
07На основных страницах сохраняется понятная точка призыва к действию
08Размер основного текста не менее 14px
09Панель навигации зафиксирована в верхней части страницы
10Под каждым изображением необходима подпись
11Межстрочный интервал унифицирован до 1.6
12Favicon покрывает все распространённые размеры
01Главное изображение должно одновременно представлять команду, интерфейс продукта и доменное имя бренда.
02Стили кнопок остаются едиными по всему сайту, с радиусом скругления 12px.
03Анимация используется для усиления иерархии, не влияя на базовое чтение.
04Раздел историй клиентов сохраняет слоты для отображения результатов.
05Мобильная вёрстка приоритизирует читаемость текста 14px.
06Панель навигации использует position: sticky и остаётся закреплённой при прокрутке.
07Атрибуты alt изображений и подписи под изображениями не должны опускаться.
Заметки по дизайну
Область главного изображения нуждается в тегах бизнес-показателей в реальном времени для дополнения информации о ценности для клиента.
Пузырьки удовлетворённости, ROI и других показателей всплывают в цикле с анимациями исчезновения.Заголовки и ссылки нуждаются в чёткой визуальной обратной связи в состоянии наведения.
Радужный градиент + скользящая подсветка + вращение оттенка + свечение.Кнопки нуждаются в более сильной динамической обратной связи при наведении/нажатии, сохраняя при этом стабильную область клика.
Визуальный слой анимируется с помощью translateY, тогда как область нажатия остаётся на месте.Верхняя навигация нуждается в ощущении полупрозрачного материала со слоистой глубиной.
Стеклянный фон backdrop-filter + скользящая подсветка + едва заметная плавающая анимация.Обеспечивает сфокусированный режим чтения, снижающий визуальные отвлечения.
Полноэкранная маска + радиус прожектора, следующий за курсором и контролирующий видимую область.Расширяет узнаваемость бренда, чтобы движение курсора оставалось согласованным с визуальным стилем страницы.
Фирменный SVG-курсор + эффекты шлейфа из частиц.Страница историй клиентов нуждается в иммерсивной области трёхмерной витрины.
Матрица частиц WebGL + взаимодействие мышью + динамические панели.Нижняя часть страницы нуждается в постоянно видимой завершающей брендовой области.
Вращающийся трёхмерный бриллиант + бегущая строка бренда + динамические цвета.Главное изображение должно одновременно представлять сцену с командой и бренд richify.net.
Знак бренда richify.net встроен в область экрана ноутбука.