Задача
На старте проекта был готов концепт главной страницы, разработанный другим дизайнером. Необходимо было доработать существующее направление: устранить интерфейсные и композиционные ошибки и улучшить структуру. После этого требовалось масштабировать визуальную систему на остальные разделы сайта, сохранив единый стиль и логику взаимодействия.
Редизайн и доработка наброска
Как я улучшил старый набросок?
- Единый стиль элементов
Было: одинаковые по смыслу элементы оформлены по-разному. Стало: все кнопки, тексты, плашки и другие элементы приведены к единому стилю.
- Иерархия заголовков
Было: нет выраженного H1-заголовка — важного элемента для SEO. Стало: один выраженный H1-заголовок и отдельные H2 для каждого таба.
- Понятное содержимое табов
Было: непонятно, что скрывается за остальными тремя табами. Стало: созданы новые иллюстрации, отражающие содержимое раздела.
- Важная информация без наведения
Было: много ховеров — пользователь самостоятельно ищет важные данные. Стало: вся важная информация вынесена непосредственно на плашки.
Четыре лендинга для ключевых услуг
Для каждой ключевой услуги были разработаны отдельные лендинги с уникальными первыми экранами и офферами, адаптированными под конкретную аудиторию и её запрос. При этом сохранена единая дизайн-система, что усиливает бренд и делает продукт целостным.
Остальные внутренние страницы
Страница проектов
Пагинация помогает работать с большим количеством проектов — каталог остаётся компактным и не перегружает страницу длинным списком работ.
Форма заявки размещена сразу после каталога — после просмотра проектов пользователь может сразу обратиться в компанию.
Страница кейса
Первый экран содержит ключевую информацию о проекте — название, краткое описание, ссылку на готовый сайт и тематическое изображение.
Боковая навигация закреплена при скролле — пользователь может быстро перейти к любому этапу кейса, не возвращаясь в начало страницы.
Мобильная версия
Ключевые блоки и целевые действия адаптированы под вертикальный сценарий, упрощена навигация, а форма заявки и основные действия находятся в зоне быстрого доступа.