• 7 минут чтения

• Вдохновение, Витрины, Веб-дизайн

• Поделись ТвиттерЛинкедин

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

Дальнейшее чтение на SmashingMag:

• Сайты о вкусном кофе
• Аппетитные сайты ресторанов
• Сайты о пиве и алкоголе
• Сайты виноделен

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

Сходства в дизайне шоколадных сайтов

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

CharlesChocolates: ярко-синяя цветовая схема выглядит весело и свежо, но толстая навигация в нижнем колонтитуле — это то, что действительно выделяет сайт CharlesChocolates.

Шаблоны навигации в основном распространены и удобны, однако мы также заметили немало необычных навигационных меню. Интересно то, что мы видели только пару типичных шаблонов скучных стоков. Судя по всему, большинство владельцев веб-сайтов, посвященных шоколаду и кондитерским изделиям, заботятся о своем бренде и уникальном представлении в сети. На самом деле, многие сайты пытаются быть игривыми, создавая привлекательный, интерактивный и запоминающийся пользовательский опыт. Это не то, что вы увидите в каждой отрасли, например, на медицинских сайтах.

Горизонтальная верхняя навигация

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

Джефф де Брюгге Смещение каждого навигационного элемента собственной двойной рамкой выделяет каждую ссылку и добавляет визуальный интерес к заголовку.

Godiva Chocolatier Размещение навигации непосредственно под заголовком хорошо работает на сайте Godiva Chocolatier.

Jacques Torres Chocolate Выделение верхней навигации тонкой оранжевой рамкой делает ее более заметной для новых посетителей.

TCHO: Купить темный шоколад и подарки Верхняя навигация здесь проста и немного минималистична. Размещение его над полужирным текстом заголовка делает его немного более заметным.

Индивидуальные шоколадные батончики Chocri Классическая навигация с вкладками хорошо сочетается с разноцветным текстом и тонким градиентом.

Daskalides Простая горизонтальная навигация сочетается с забавной навигацией на основе Flash в середине страницы.

Cadbury: Cadbury Chocolate Простая традиционная верхняя панель навигации удобна для пользователя и почти всегда хорошо выглядит.

Изображения продуктов и ингредиентов

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

Festival Internacional de Chocolate de Obidos Этот сайт фестиваля шоколада использует яркое фоновое изображение, а также красивые фотографии шоколада на главной странице.

Органический шоколад Green & Blacks Используемая здесь сломанная плитка шоколада придает сайту непринужденный вид, а тисненый логотип помогает укрепить бренд.

Органический шоколад Dagoba Сочетание шоколада с черникой и лавандой усиливает органическую природу шоколадных батончиков Dagoba.

Mindy’s Hot Chocolate Почти макро изображение шоколадной стружки в шоколадном мартини в сочетании с другими изображениями их предложений отличает веб-сайт Mindy’s Hot Chocolate.

Патрик Роджер

Toblerone Toberlone выбирает ограниченное количество изображений продуктов, но включение всего пары удачных изображений может оказать положительное влияние.

Шоколадные конфеты Haigh’s Большое изображение продукта крупным планом добавляет массу интереса, не перегружая в остальном простой и минималистичный дизайн.

Chocomize Демонстрация разнообразия возможных вариантов оформления шоколадных батончиков может в значительной степени побудить посетителей создавать (и заказывать) собственные шоколадные батончики.

Коричневая цветовая схема

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

Dove Chocolate Дизайн сайта Dove Chocolate почти полностью выполнен в коричневом цвете, с различными оттенками, используемыми для выделения различных частей сайта.

Divine Chocolate Сайт Divine Chocolate использует коричневый цвет в ограниченных количествах, но он все еще заметен в дизайне.

Valrhona Темно-коричневый цвет, использованный в дизайне сайта Valrhona, напоминает темный высококачественный шоколад.

Hemmankonditor Различные оттенки коричневого, от очень темно-коричневого (почти черного) фона до более светло-коричневого цвета навигации и заголовка, напоминают о многих сортах шоколада и о том, что из них можно приготовить.

Обещай мне шоколад… Сочетание темно-коричневого и розового отлично сочетается друг с другом, особенно на сайте, специально предназначенном для будущих невест.

The Cocoa Tree Использование коричневого цвета в качестве акцентного цвета выделяет сайт The Cocoa Tree. Он кажется свежим и легким, что часто бывает трудно сделать, но при этом напоминая шоколад.

Brookside Foods Сайт Brookside Foods сочетает в себе различные оттенки коричневого с черным и золотым, чтобы создать высококачественный сайт.

Уникальный дизайн

Некоторые шоколадные сайты борются за внимание пользователей яркими элементами дизайна и нестандартными схемами навигации. Некоторые из них представлены ниже. В этих случаях (для владельцев сайтов) привлекательный и запоминающийся пользовательский опыт играет очень важную роль.

Макс Бреннер Веб-сайт Макса Бреннера выделяется по нескольким причинам. Одна из причин — правосторонняя вертикальная навигация. А также ретро-дизайн в стиле гранж с анимированным глазом (чтобы увидеть его, вам нужно будет посетить настоящий сайт).

Bloomsberry Анимация, используемая на сайте Bloomsberry, интересна и очень хорошо сделана. Навигация также нетипична, ссылки легко узнаваемы, но разбросаны по основной части домашней страницы.

Пьер Марколини Сайт Пьера Марколини очень минималистичен, в основной части дизайна нет ни следа коричневого цвета.

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

Центр исследований шоколада Анимированный шоколад, капающий на экран, немного бесполезен, но он также добавляет интереса к тому, что в противном случае было бы очень простым сайтом.

Еще примеры шоколадных сайтов

шоколад

Коммунарка

Пионир

Шоколадные издания

Икам

Спартак

Шоколатфри

Камбли С.А.

Аскинози Шоколад

Похожие сообщения

Вас могут заинтересовать следующие связанные витрины:

• Демонстрация красивых дизайнов вертикальной навигации
• Красивые сайты электронной коммерции
• Бесполезный и поверхностный мир сайтов о пиве и алкоголе
• Что, если бы Оскары давали киносайтам?
• Принципы минималистского веб-дизайна с примерами

(jb) (cs) (мм) (cc) (vf)