Первый экран сайта NormDev

Задача

На старте проекта был готов концепт главной страницы, разработанный другим дизайнером. Необходимо было доработать существующее направление: устранить интерфейсные и композиционные ошибки и улучшить структуру. После этого требовалось масштабировать визуальную систему на остальные разделы сайта, сохранив единый стиль и логику взаимодействия.

Редизайн и доработка наброска

Исходный набросок главной страницы
Главная страница после доработки

Как я улучшил старый набросок?

  1. Единый стиль элементов

    Было: одинаковые по смыслу элементы оформлены по-разному. Стало: все кнопки, тексты, плашки и другие элементы приведены к единому стилю.

  2. Иерархия заголовков

    Было: нет выраженного H1-заголовка — важного элемента для SEO. Стало: один выраженный H1-заголовок и отдельные H2 для каждого таба.

  3. Понятное содержимое табов

    Было: непонятно, что скрывается за остальными тремя табами. Стало: созданы новые иллюстрации, отражающие содержимое раздела.

  4. Важная информация без наведения

    Было: много ховеров — пользователь самостоятельно ищет важные данные. Стало: вся важная информация вынесена непосредственно на плашки.

Четыре лендинга для ключевых услуг

Для каждой ключевой услуги были разработаны отдельные лендинги с уникальными первыми экранами и офферами, адаптированными под конкретную аудиторию и её запрос. При этом сохранена единая дизайн-система, что усиливает бренд и делает продукт целостным.

Лендинги создания сайтов, SEO, внедрения amoCRM и ИИ

Остальные внутренние страницы

Страница проектов

  1. Пагинация помогает работать с большим количеством проектов — каталог остаётся компактным и не перегружает страницу длинным списком работ.

  2. Форма заявки размещена сразу после каталога — после просмотра проектов пользователь может сразу обратиться в компанию.

Страница проектов NormDev

Страница кейса

  1. Первый экран содержит ключевую информацию о проекте — название, краткое описание, ссылку на готовый сайт и тематическое изображение.

  2. Боковая навигация закреплена при скролле — пользователь может быстро перейти к любому этапу кейса, не возвращаясь в начало страницы.

Страница кейса NormDev

Мобильная версия

Ключевые блоки и целевые действия адаптированы под вертикальный сценарий, упрощена навигация, а форма заявки и основные действия находятся в зоне быстрого доступа.

Мобильная версия NormDev