Школа рекламиста

Дизайн сайта, генерирующий большие продажи

Дизайн сайта, генерирующий большие продажи

Уже давно сайт перестал быть модой или просто красивой картинкой. Хороший сайт генерирует нескончаемый поток лидов и продаж в конечном счете. Дизайн – это первое, что видит клиент, отправная точка в цепочке больших продаж. В этой статье описываются основные принципы создания хорошего дизайна сайта, который будет продавать за вас.

Дизайн – вещь субъективная, вкусы у всех разные, а стилей и трендов в мире много. В дизайне важно опираться не только на свое субъективное мнение, но и на то, какие задачи должен выполнять проект в целом и дизайн в частности. Для систематизации подходов к дизайну мы выделили 5 основных шагов, которые следует пройти для создания «продающего» дизайна.

Шаг №1. Анализ конкурентов, изучение деятельности компании и ее целевая аудитория

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

  1. Географическое положение (Европа, США, постсоветские страны и т.д.). Этот пункт важен для структуры сайта, например во многих европейских странах и США телефоны в шапке сайта размещаются реже, чем в постсоветских странах. Это связанно с тем что, в США и Европе доверие к интернету намного выше. Другие все же предпочитают личный контакт, поэтому наличие телефона в быстром доступе актуально. Такого рода особенности продиктует географическое положение, их довольно много в дизайне.
  2. Ментальность (религия, семейные ценности, национально-культурные особенности и т.д.). Важно учитывать этот факт, чтобы не попасть в неловкую ситуацию. Ведь если в мусульманской стране, рекламируя товар, вы будете использовать фото эффектных девушек в откровенных нарядах, а в Индии, например, продавать говядину по выгодной цене, то можете попасть в немилость местным жителям.
  3. Сфера деятельности компании (экология, продукты, промышленность, бизнес, технологии и т.д.). Анализируя этот пункт, мы выясним, какие цвета, форму, шрифты лучше использовать. Каждый элемент должен соответствовать продукту и выгодно его подчеркивать.
  4. Целевая аудитория (ЦА). Это очень важный пункт. Изучив аудиторию, поняв её вкусы и предпочтения, узнав больше про её стиль жизни, нам станет понятно, какое впечатление нужно формировать у посетителя.
  5. Конкуренты.Нужно проанализировать сильные и слабые стороны конкурентов, выявить стратегические ошибки конкурентов. Это поможет эффективно подойти к разработке и дизайну сайта и впоследствии качественно отличит ваш проект от конкурентов.

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

Шаг №2. Структура

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

boastusa.com

nationallgbtmuseum.org

www.wacom.com

katvig.dk

katvig.dk

Шаг №3. Соответствие дизайна запросу целевой аудитории сайта

Это очень важный шаг. Цвет, форма, текстуры, все должно подчеркивать тематику сайта. Цель можно обозначить таким образом:

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

Решений множество, главное следить за тем, чтобы визуальный ряд соответствовал целевой аудитории проекта. Стоит вникнуть в тематику проекта, получить максимально много информации о продукте или услуге. Историю возникновения и развития. Чем глубже вы изучите эту тему, тем точнее попадете в суть и найдете эффективное решение.

Каждому инструменту стоит уделить особое внимание. Цвет сыграет тут очень важную роль, найти точный оттенок, тон и цвет. Ведь зеленым может быть яблоко, а чуть другим его оттенком – болото.

Форма будет продиктована продуктом или услугой. Тут важно не забывать простые принципы: острые углы дают более динамичную форму и соответствующий посыл. Мягкие формы произведут обратный эффект. Умея этим манипулировать, можно отлично решить задачи, поставленные перед дизайнером.

extradeluxe.be

tyazhmash.com

Для организации машиностроения цвета и формы желательно использовать уверенные. Это создаст серьезный имидж компании.

www.gnosh.co.uk

Для кафе и ресторана, очень важно передать атмосферу заведения. Тут на помощь придут текстуры, фотографии, тени.

munchery.com

munchery.com

По такой логике и стоит выстраивать работу над проектом.

Шаг №4. Основные приемы или тренды

Приемы и тренды все время меняются и развиваются. Это связанно и с техническим, экономическим и историческим прогрессом. Все взаимосвязано. Ведь в 90-х годах мы и подумать не могли поставить видео в фон сайта, сейчас это стало возможным с развитием технологий.

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

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

4.1 Продукт на первой странице

С первой страницы сайта должно быть понятно, чем именно занимается компания. Каждый элемент должен подыгрывать общей идеи и подчеркивать её.

myburger.mcdonalds.co.uk

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

aarkcollective.com

wootten.com.au

yquem.fr

my.deejo.fr

4.2 Атмосферная фотография или видео

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

clinkle.com

riad11.net

christchurch-harbour-hotel.co.uk

luneteyewear.com

dangblast.com

4.3 Фото конкретных лиц. «Личное знакомство»

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

www.chhausmann.com

beyonce.com

bacchica.com.br

4.4 Инфографика

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

visage.co

ua.w3.co

www.trippeo.com

www.eyeclickdonation.org

4.5 Иллюстрация.

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

letsyep.com/ru

www.mobiles.co.uk/smart-phone-dumb-users

species-in-pieces.com

kommadrei.at

followbubble.com

4.6 Типографика

Буквы и шрифты – это целый мир. Настолько богатый и разноликий. Удачная шрифтовая композиция может в раз решить эстетические и стратегические задачи сайта.

typo.polona.pl

cabourgmonamour.fr

unitedstrands.com

www.agence-belle-epoque.fr

while-were-young.com

Шаг №5. Волшебная рука дизайнера

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

Подведем итог:

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

Эмине Фитаева, Art Director, Никита Семенов, CEO, ГК «SECL Group»
Advertology.Ru

26.04.2016

на печать


Комментарии

Написать комментарий

 Проверочный код

Архив

Пн Вт Ср Чт Пт Сб Вс

Рассылка

Подписка на рассылку

E-mail:
 

Также нашу рассылку вы можете получать через

E-mail:  

Есть мнение ...

"В Москве общий уровень дизайна улучшается, а хороший уровень..."В Москве общий уровень дизайна улучшается, а хороший уровень...
Как менялись московские вывески на протяжении последних трех десятилетий, чем московские вывески отличаются от европейских и почему дизайнеры наших вывесок, равно как и навигации в метро, не помогают горожанам сориентироваться. Об этом «Москвич Mag» рассказали владельцы дизайнерских студий, разработчики дизайн-кода Москвы, графические дизайнеры и участники фестиваля шрифтовиков Typomania. 
Sabre Award 2019: забота о здоровье, инфлюенсеры, цифровые технологии...Sabre Award 2019: забота о здоровье, инфлюенсеры, цифровые технологии...
22 мая состоялось награждение победителей одного из самых престижных конкурсов в сфере PR SabreAward 2019. Специалисты аналитического агентства Смыслография проанализировали кейсы победителей и номинантов и отметили актуальные направления развития мирового PR рынка.
Поколение Z. Смогут ли его представители стать хорошими...Поколение Z. Смогут ли его представители стать хорошими... (1)
Поколение Z — люди, рожденные после 1995-ого года. Уже сейчас «зетовцы» составляют почти четверть всего населения РФ и, судя по подсчетам прогнозистов, к 2020-ому штат каждой российской компании на 40% будет состоять именно из сотрудников этого поколения. Насколько компетентными и квалифицированными PR-специалистами могут стать эти пока еще очень молодые и даже совсем юные ребята? О перспективах поколения Z в PR рассуждает Дарья Субоч, СЕО коммуникационного агентства SlavaPR.
PR-бюджет в 50 тысяч рублей приводит московский бизнес к разочарованиюPR-бюджет в 50 тысяч рублей приводит московский бизнес к разочарованию
Коммуникационное агентство «Со-общение» провело исследование удовлетворенности компаний Москвы и Санкт-Петербурга результатами использования PR как инструмента продвижения своих товаров и услуг.
Как видео помогает сайтам улучшать позиции в поискеКак видео помогает сайтам улучшать позиции в поиске
Специалисты сервиса Rookee провели эксперимент и выяснили, влияет ли видео на ранжирование сайта в поисковых системах.

Книги по дизайну

Загрузка ...

Репортажи

В ЦДХ прошел День социальной рекламыВ ЦДХ прошел День социальной рекламы
28 марта в Центральном доме художника состоялась 25-ая выставка маркетинговых коммуникаций «Дизайн и реклама NEXT». Одним из самых ярких её событий стал День социальной рекламы, который организовала Ассоциация директоров по коммуникациям и корпоративным медиа России (АКМР) совместно с АНО «Лаборатория социальной рекламы» и оргкомитетом LIME.
Форум "Матрица рекламы": к рекламе в интернете особое...Форум "Матрица рекламы": к рекламе в интернете особое...
На VII Международном форуме «Матрица рекламы», прошедшем в ЦВК «Экспоцентр» в рамках международной выставки  «Реклама-2018», большой интерес у профессиональной аудитории вызвала VI Конференция «Интернет-реклама».
87% компаний используют три и более каналов для внутренних...87% компаний используют три и более каналов для внутренних...
«Лучшие кейсы по внутрикорпоративным коммуникациям. Ключевые тенденции последнего времени. Изменения стремительны, успеваем ли мы за ними?» - данную тему 25 апреля 2018 года обсудили на заседании  Комитета по внутрикорпоративным  коммуникациям Ассоциации менеджеров.
New media, new creativity! "Серебряный меркурий" расширяет...New media, new creativity! "Серебряный меркурий" расширяет...
21-22 марта в Санкт-Петербурге состоялся IV Фестиваль рекламы и маркетинговых услуг «Серебряный Меркурий. Северо-Запад», в рамках  которого прошла Большая конференция. Организатором мероприятия стало ведущее брендинговое агентство России – Brandson (Total Identity Group), во главе с Генеральным директоров агентства, Членом совета АБКР, Еленой Юферевой.
Выставка, посвящённая 100-летию со дня рождения Георгия ЩетининаВыставка, посвящённая 100-летию со дня рождения Георгия Щетинина (6)
В Государственном музее А. С. Пушкина открылась выставка, посвященная не столь широко известному, но заслуживающему пристального внимания художнику-иллюстратору ХХ века Георгию Щетинину.

Форум

Вакансии

  • Загрузка ...

на правах рекламы

25.06.2019 - 22:31
RSS-каналы Advertology.RuRSS    Читать Advertology.Ru на Facebookfacebook    Читать Advertology.Ru ВКонтактеВКонтакте    Читать Advertology.Ru на Twittertwitter   
Advertology.Ru - все о рекламе, маркетинге и PR

Вход | Регистрация