Задача: Разработать дизайн корпоративного сайта

1. Основная концепция и стиль

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

Стилистический ориентир - один из современных премиальных сайтов (референс предоставлен заказчиком). Общие требования к стилю:

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

2. Структура и навигация

Структура выстраивается по принципу референсного сайта и включает:

  • Первый экран (Hero): крупный заголовок и краткое позиционирование компании. Мощный визуальный вход.
  • Последовательные блоки: каждый экран занимает всю высоту окна. Постепенное раскрытие подхода, услуг и ценности для клиента.
  • Фиксированная навигация: лаконичное меню, незаметно сопровождающее пользователя по сайту.
  • Визуальный фокус на тексте: текст является главным графическим элементом. Никаких перегруженных композиций.

3. Требования по адаптации

Дизайн выполняется в двух версиях: Desktop и Mobile.

  • Desktop: соблюдение логики и иерархии референса, крупные композиции, спокойные переходы.
  • Mobile: не упрощенная, а полноценная адаптация:
    • Крупная типографика, комфортная для чтения.
    • Вертикальный скролл (естественный принцип).
    • Аккуратная анимация при необходимости (ленивые анимации, параллакс могут улучшить восприятие).

4. Состав экранов

Разработать следующие страницы, объединенные единой визуальной системой:

  • Главная страница: вовлечение через заголовок, погружение.
  • О компании: философия, экспертиза, метафора айсберга.
  • Услуги: структурированные в виде блоков.
  • Кейсы / Подход: портфолио, методология работы.
  • Контакты: данные для связи без замены на фейковые значения.

5. Анимация и взаимодействие

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

6. Целевая аудитория и контекст

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