Сайт для магазина аромамасел презентация

ТИП САЙТА
Одновременно и сайт-визитка, и интернет-магазин. Посетитель может посмотреть каталог, ознакомиться с юридической информацией, адресом прямой точки продаж, и так далее…

МОДУЛЬНАЯ СЕТКА
Размер: 1280х800. Получилось четыре вертикальных и пять горизонтальных блоков.

СТРУКТУРА САЙТА
Сайт структурирован согласно правилу «золотых прямоугольников». Пять имеющихся блоков разделены следующим образом:
Шапка сайта;
Навигационная панель;
Основной блок;
Блок под две большие кнопки перехода;
Блок с контактами и гиперссылками.

ИСПОЛЬЗОВАНИЕ ШРИФТОВ
Все шрифты являются «безопасными», не имеют засечек:
акцидентный (для заголовков) – Century Gothic 16 пт с жирным начертанием, выделен ярким оранжевым цветом для привлечения внимания, все буквы прописные;
базовый (для обычного текста) – Century Gothic 12 пт, тёмно-зелёный и чёрный цвета;
дополнительный (для кнопок) – Trebuchet MS 14 пт с жирным начертанием, белый цвет.

ЦВЕТОВАЯ ПАЛИТРА
Аналоговая система цветов – зелёные, жёлтые и оранжевые цвета с переходными оттенками.
Зелёный, основной, означает экологичность продукции и связь с природой, оранжевый и жёлтый – солнечный свет и оттенки цветков.

ИМЕЮЩИЕСЯ МОДУЛИ
модуль с «логотипом»;
модуль с контактами;
модуль поиска;
модуль «слайдер-плитка» с новыми товарами.

ИСПОЛЬЗОВАНИЕ ИЗОБРАЖЕНИЙ
По бокам сайта на переднем плане используются асимметрично расположенные изображения листьев цитрусовых с тенью (для придания объёма на фоне плоского дизайна) и воздушных пузырьков для ненавязчивой ассоциации с тематикой продукции.

ИСПОЛЬЗОВАНИЕ ИЗОБРАЖЕНИЙ
Для «фона» используется две фотографии, плавно соединённые в одну. Центральные прямоугольники залиты почти белым, не режущим глаза цветом и немного прозрачны. С прозрачным фоном изображение в модуле-слайдере. Его цвет так же подстроен под палитру.

МЕЛКИЕ ИЗОБРАЖЕНИЯ
В роли логотипа выступает акварельный рисунок цветов в формате .png
В нижней части сайта расположены иконки социальных сетей, перекрашенные в белый цвет для гармонии с общей цветовой темой.

РАЗДЕЛИТЕЛЬНЫЕ ЛИНИИ
после строки гиперссылок (вверху страницы);
между столбцами (внизу страницы).