Дизайн – вещь субъективная, вкусы у всех разные, а стилей и трендов в мире много. В дизайне важно опираться не только на свое субъективное мнение, но и на то, какие задачи должен выполнять проект в целом и дизайн в частности. Для систематизации подходов к дизайну мы выделили 5 основных шагов, которые следует пройти для создания «продающего» дизайна.
В начале работы важно понять, какая задача стоит перед вами и какого результата вы хотите добиться. Необходимо хорошо изучить тематику проекта, ознакомиться с услугой или товаром, который будет продаваться на сайте. Тут важно учесть все моменты. Приведем несколько из них:
Список можно продолжать и пунктов будет масса, поможет в формировании этих пунктов менеджер продукта, эксперт в данной области или заказчик. Для того чтобы не растеряться в обилии стилей, направлений дизайна, разных графических решений, нужно иметь механизм, как бы проверки самого себя, что-то похожее на лакмусовую бумажку, который будет сортировать эффективные и неэффективные дизайн решения. Именно ответы на подобные вопросы будут выполнять для нас эту функцию.
На этом шаге становится понятно, какая структура нужна вашему проекту, какую модульную сетку использовать, для эффективного решения поставленных задач. Где лучше расположить меню, сверху или слева. Спрятать его под иконку или сделать развернутым. Расположить одну большую фотографию в фоне или блочно расположить несколько. Разделить поле контента на две части, на три или на четыре… Вот некоторые примеры структуры сайта:
Это очень важный шаг. Цвет, форма, текстуры, все должно подчеркивать тематику сайта. Цель можно обозначить таким образом:
Решений множество, главное следить за тем, чтобы визуальный ряд соответствовал целевой аудитории проекта. Стоит вникнуть в тематику проекта, получить максимально много информации о продукте или услуге. Историю возникновения и развития. Чем глубже вы изучите эту тему, тем точнее попадете в суть и найдете эффективное решение.
Каждому инструменту стоит уделить особое внимание. Цвет сыграет тут очень важную роль, найти точный оттенок, тон и цвет. Ведь зеленым может быть яблоко, а чуть другим его оттенком – болото.
Форма будет продиктована продуктом или услугой. Тут важно не забывать простые принципы: острые углы дают более динамичную форму и соответствующий посыл. Мягкие формы произведут обратный эффект. Умея этим манипулировать, можно отлично решить задачи, поставленные перед дизайнером.
Для организации машиностроения цвета и формы желательно использовать уверенные. Это создаст серьезный имидж компании.
Для кафе и ресторана, очень важно передать атмосферу заведения. Тут на помощь придут текстуры, фотографии, тени.
По такой логике и стоит выстраивать работу над проектом.
Приемы и тренды все время меняются и развиваются. Это связанно и с техническим, экономическим и историческим прогрессом. Все взаимосвязано. Ведь в 90-х годах мы и подумать не могли поставить видео в фон сайта, сейчас это стало возможным с развитием технологий.
Нужно быть в курсе этих событий и не боятся применять новые возможности. Но не используйте инновации и популярные решения, только для того, чтобы сделать ваш сайт модным, в ущерб целям сайта. Тренд ради тренда – это плохо. Используйте инновации как инструмент, эффективно. Пусть ваш продукт будет не только модным, трендовым, но и удобным, приятным в использовании, эффективно представляет компанию или услугу.
Есть такие задачи, которые не требуют трендовых решений. Как известно, мода меняется, а сайты остаются. Поэтому для сайтов библиотек, музеев классического искусства, политических партий и т.д. надо с осторожностью использовать ультрамодные трендовые решения. А для школ искусств, молодежных организации и т.п. двери для таких решений, напротив, широко открыты.
4.1. Продукт на первой странице
С первой страницы сайта должно быть понятно, чем именно занимается компания. Каждый элемент должен подыгрывать общей идеи и подчеркивать её.
Очень часто на главной странице стоит изображение продукта компании. Есть много инструментов передачи визуального сообщения. Но, пожалуй, самой эмоционально наполненной является фотография. Тем более, почему бы не проиллюстрировать продукт, который производит компания.
4.2. Атмосферная фотография или видео
Как я говорила выше, фотография – мощный инструмент эмоционального сообщения пользователю. При использовании этого приема важно ответственно подойти к подбору изображений. По сути, впечатление от вашего сайта по большей части будет составлять именно этот бэкграунд.
4.3. Фото конкретных лиц. "Личное знакомство"
Для компаний, предоставляющих услуги, сложно найти образ, который будет иллюстрировать продукт. В таком случае можно показать конкретных людей, предоставляющих услуги. Это своего рода уже визуальный контакт, который в последствии вызывает большее доверие компании. Как правило, пользователь на конкурентном рынке выбирает того, кому он больше доверяет.
4.4. Инфографика
Еще один популярный прием, хорошо подходящий для сайтов бизнес и финансовой тематики, – инфографика. Это мощный инструмент, иллюстрирующий все достоинства и преимущества компании, позволяет порой сложную для восприятия информацию подать максимально удобно и понятно.
4.5. Иллюстрация
Говорить об иллюстрации, как об эффективном приеме в дизайне сайтов, можно бесконечно. С помощью нее можно придать оригинальности, яркости, динамичности и запоминаемости любому сайту. Порой с этим приемом стоит быть осторожным. Все хорошо, что в меру. И тут иллюстрация должна служить сайту, а не наоборот.
4.6. Типографика
Буквы и шрифты – это целый мир. Настолько богатый и разноликий. Удачная шрифтовая композиция может в раз решить эстетические и стратегические задачи сайта.
Дизайнер в завершающем этапе должен забыть все, что он анализировал и читал. Он должен посмотреть на проект используя свое тонкое чувство прекрасного, внести своей волшебной рукой последние штрихи, элементы, нюансы, то есть как бы вдохнуть жизнь в проект через анимацию, видео, CSS-эффекты, JavaScript, параллакс и т.д. Это очень эффективный инструмент разработки, который заслуживает отдельной статьи. В примерах он также активно используется.
Подведем итог:
При работе над дизайном "продающего" сайта важно всегда помнить, о чем сайт, для кого, что компания хочет донести, для чего она это делает. Важно оставить положительное впечатление после посещения сайта, соответствующее целям и задачам поставленным перед дизайнером и разработчиками в целом. Дизайн сайта – это не только красивая картинка, но и стратегическое решение, инструмент для достижения результата.