Сайт для агентства onyx

вводные

о заказчике

ONYX — это IT-агентство с 15-летним опытом, которое специализируется на цифровизации производственных предприятий. Они закрывают весь спектр digital-задач для бизнеса: от разработки сайтов и e-commerce до SEO, контента и комплексного маркетинга

условия

30 дней: Срок, в который нужно сделать лендинг под ключ
100.000 ₽: Бюджет проекта

задача

Разработать лендинг для IT-агентства, уложившись в месячный спринт и фиксированный бюджет. Главное требование заказчика — полный отказ от цветовой палитры. Нужно было спроектировать нестандартный B2B-интерфейс, используя исключительно черный и белый цвета

как была построена работа

Проектирование и Аналитика
1 неделя
- Интервью с заказчиком
- Сборка и согласование структуры лендинга
UI/UX Дизайн
2 неделя
- Поиск визуального решения
- Создание и презентация дизайн-концепции
Full-stack Разработка
3 неделя
- Завершение этапа дизайна версии для ПК и адаптация макетов под различные устройства
- Верстка интерфейса и настройка анимаций наслаивания блоков
Тестирование и Релиз
4 неделя
- Базовая SEO-оптимизация и подключение форм сбора заявок для генерации лидов
- Кроссбраузерное тестирование и QA
- Успешный запуск проекта и передача клиенту

Дизайн-концепция

Сделали ставку на слоистый интерфейс и микро-анимации. Для акцентов взяли пиксельные элементы и эффект глитча. В качестве основного шрифта выбран массивный Bebas Neue который идеально подходит для B2B-сегмента и рифмуется с жесткой модульной сеткой

Техническая реализация

01
Фронтенд
Собрали проект без шаблонных CMS. Использовали React.js и GSAP для анимации слоистых блоков. Добились стабильных 60 FPS на всех устройствах.
02
Бэкенд
Написали легковесный и отказоустойчивый бэкенд на Node.js. Обеспечили быструю загрузку контента и надежную работу форм сбора заявок для генерации лидов.
03
Решение задачи
Оптимизировали рендеринг и настроили предзагрузку ресурсов. Гарантируем быстрый и оптимизированный код. Проект выбивает 90+ баллов по скорости загрузки в Google PageSpeed.