Новости / Сочетания цветов для сайтов и интернет-магазинов

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

25.022017
2982
Сочетания цветов для сайтов и интернет-магазинов

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

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

1. цвета бонсай

Пример сочетания цветов для сайта (бежевый, зеленый)

Пример сайта:

Сочетания цветов для сайта бежевый зеленый белый

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

2. aboard color

Сочетания цветов для сайта синий голубой серый

Пример дизайна сайта с использованием этих цветов:

Сочетания цветов для сайта синий голубой серый

Данные оттенки идеально подходят для компаний, имеющих отношение к воде или морю: туристические сайты, сайты морских круизов и экскурсий, сайты рыболовных баз, морской автотранспорт и т.д. Скриншот выше сделан с сайта рыболовной базы Верхнелебяжье.

3. swimmingly color

Сочетание ярких цветов для сайта

Пример сайта:

Сочетание ярких цветов для сайта примеры

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

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

Сочетание ярких цветов для сайта примеры a25.ru

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

примеры сайтов с использованием ярких цветов - портфолио a25.ru

4. цвета spring

сочетание цветов для сайта сиреневый фиолетовый a25.ru

Пример сайта:

сочетание цветов для сайта сиреневый фиолетовый a25.ru примеры

лендинг парковок во Внуково.

5. матовая яркость (серый, голубой, красный, желтый, фиолетовый)

Сочетания матовых цветов для сайта синий голубой серый

Пример сайта:

Сочетание матовых ярких цветов для сайта примеры a25.ru

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

6. Сочетание матовых цветов "от зеленого к розовому"

сочетание цветов для баннеров на сайте a25.ru

Пример такого баннера будет удачно смотреться на дизайне с белым, черным или серым цветом в качестве основного цвета дизайна сайта.

Пример сайта - сайт компании по ремонту деталей пневмоподвески AirBarter:

сочетание цветов для баннеров на сайте a25.ru

Немного статистики: свыше 50% покупателей никогда не вернутся на сайт, который не понравился им визуально. Но это не повод забывать о хорошем контенте, ярких заголовках и юзабилити! Успешных проектов и красивых сайтов! 

p.s. владельцы магазинов, не забывайте, что после своего создания сайт или магазин требует постоянной оптимизации и грамотного продвижения.

Пять причин работать с отзывами о своей компании

  1. Покупатели в стадии принятия решения видят на сайте отзывов и в соцсетях оставленный кем-то позитивный отзыв или комментарий о вас и делают выбор в пользу вашего магазина или компании.
  2. Ваши постоянные покупатели останутся у вас, получая регулярные подтверждения о ваших преимуществах. С помощью отзывов и комментариев эффективно раскручивать новые услуги, преимущества и возможности вашего магазина (например, новую ценовую политику, способы доставки, спецпредложения и т.д.).
  3. Конкуренты будут реже оставлять о вас негатив, поскольку общий позитивный фон вопреки случайным негативным комментариям будет представлять вас конкурентноспособной компанией, которую выбирают и любят люди.
  4. Поисковые системы будут лучше индексировать и выше ранжировать ваш сайт за счет социального фактора и интереса к вашей компании в соцсетях и на разных площадках-отзовиках, имеющих высокий рейтинг.
  5. Отзывы с нужными вам ключевыми словами - отличный SEO-инструмент, работающий и на поисковую оптимизацию, и на общее положительное впечатление ваших потенциальных покупателей о вашей компании или магазине. 

Заказать отзывы о магазине

Всем, кто следит за трендами интернет-рынка – подарок. Промокод A25-1572 на 25% скидку на трудочасы, отзывы и любые услуги магазина А25. 

Санкт-Петербург Новорощинская ул., д.4, оф. 1415-1 БЦ "Собрание",
ст. метро Электросила

Москва Волоколамское шоссе, д.1, оф. 016 БЦ "Проектный институт",
ст. метро Сокол

+7(812)603-48-25 +7(495)627-75-85
Наверх

Форма заказа