Задача: Разработать дизайн корпоративного сайта
1. Основная концепция и стиль
Необходимо создать дизайн сайта для консалтинговой компании, используя визуальную метафору айсберга. Метафора подчеркивает глубину, системность и скрытую ценность экспертизы, которая находится за пределами первого впечатления.
Стилистический ориентир - один из современных премиальных сайтов (референс предоставлен заказчиком). Общие требования к стилю:
- Премиальность: дорогой, элегантный вид.
- Минимализм: чистота, отсутствие лишних деталей.
- Много воздуха: большие отступы, свободные белые или приглушенные фоны.
- Строгая типографика: современные шрифты, хороший ритм.
- Спокойная цветовая палитра: благородные, не агрессивные оттенки.
2. Структура и навигация
Структура выстраивается по принципу референсного сайта и включает:
- Первый экран (Hero): крупный заголовок и краткое позиционирование компании. Мощный визуальный вход.
- Последовательные блоки: каждый экран занимает всю высоту окна. Постепенное раскрытие подхода, услуг и ценности для клиента.
- Фиксированная навигация: лаконичное меню, незаметно сопровождающее пользователя по сайту.
- Визуальный фокус на тексте: текст является главным графическим элементом. Никаких перегруженных композиций.
3. Требования по адаптации
Дизайн выполняется в двух версиях: Desktop и Mobile.
- Desktop: соблюдение логики и иерархии референса, крупные композиции, спокойные переходы.
- Mobile: не упрощенная, а полноценная адаптация:
- Крупная типографика, комфортная для чтения.
- Вертикальный скролл (естественный принцип).
- Аккуратная анимация при необходимости (ленивые анимации, параллакс могут улучшить восприятие).
4. Состав экранов
Разработать следующие страницы, объединенные единой визуальной системой:
- Главная страница: вовлечение через заголовок, погружение.
- О компании: философия, экспертиза, метафора айсберга.
- Услуги: структурированные в виде блоков.
- Кейсы / Подход: портфолио, методология работы.
- Контакты: данные для связи без замены на фейковые значения.
5. Анимация и взаимодействие
Интерактив и анимации должны быть умеренными и служить исключительно акцентным целям, не перегружая пользователя. Приветствуются soft-эффекты (появление блоков при скролле, грациозный пул микроанимаций).
6. Целевая аудитория и контекст
Конечные пользователи - руководители бизнеса, собственники или топ-менеджмент. Им важно ощутить надежность, профессионализм и глубину компетенций через дизайн