Как сделать дизайн-концепцию сайта, если вы новичок
Клиент просит создать дизайн-концепцию сайта, а вы не знаете, с чего начать? Рассказываем, как выполнить задачу и впечатлить заказчика.
Чаще всего заказчики просят создать дизайн-концепцию сайта, чтобы убедиться в том, что исполнитель правильно понял задачу и в визуальной части макета не будет неприятных сюрпризов.
Что такое
дизайн-концепция
сайта
Дизайн-концепция — набросок того, как должен выглядеть сайт, сделать его нужно быстро, это не полноценный макет. Концепция создается уже после утверждения прототипа. Прототип демонстрирует структуру страницы, а концепция показывает, как сайт будет выглядеть в результате работы.
Концепция помогает построить диалог между дизайнером и заказчиком — дизайнер знает, что ему делать дальше, а клиент уверен в том, что работа ведется в нужном направлении.
Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.
Этапы разработки
дизайн-концепции сайта
Работа над концепцией делится на четыре стадии: предварительный анализ, разработка, получение фидбека и доработка идеи. У каждого есть свои особенности, которые важно учитывать.
Создание брифа
Бриф нужен, чтобы понять, что от вас ждет заказчик и какой визуальный стиль лучше всего подойдет для бизнеса клиента. Работа над концепцией начинается с разговора с клиентом и заполнения брифа на создание сайта. Пример качественного брифа можно посмотреть на сайте CreativePeople.
На встрече обязательно уточните, есть ли у клиента брендбук (утвержденный набор стилей и графических элементов, которые используются во всех материалах клиента). Если да, то вам нужно будет учитывать его при создании цветовой схемы сайта, типографики, иконок и других элементов оформления.
Изучение целевой аудитории
Очень важно выяснить целевую аудиторию сайта: спросите об этом заказчика. Если клиент не может предоставить вам информацию, потратьте немного времени на изучение конкурентов. Так вы лучше сможете понять, какую концепцию нужно создать, какие элементы обязательно добавить и какую стилистику выбрать.
Подготовка мудборда
Как только вы разобрались с брифом и поняли, что хочет получить клиент, нужно подготовить мудборд — подборку референсов, изображений, графических элементов и шрифтов, которые могут быть использованы при работе над дизайном. Мудборды помогают согласовать концепцию сайта с заказчиком и объяснить ему, как будет выглядеть сайт. Для создания мудборда лучше всего подходит Pinterest. Советуем поискать не только сайты на такую же тематику, что у вашего клиента, но и затронуть смежные сферы.
После подготовки мудборда встретьтесь с заказчиком и обсудите идеи. Это поможет понять, в том ли направлении вы двигаетесь, и продемонстрирует клиенту вашу заинтересованность в проекте.
Разработка дизайн-концепции сайта
Проведя пару часов за поиском примеров, дизайнер уже представляет себе, как должен выглядеть сайт. Если у вас уже есть утвержденный прототип, то лучше всего применить свои наработки к нему, чтобы сразу показать клиенту, что он получит.
Если прототипа нет, нужно потратить немного времени, чтобы продумать структуру главной страницы. Все детали вы сможете проработать, когда клиент утвердит концепцию.
Концепция интерьера: описание, разработка
Концепция интерьера – визуальные, эмоциональные, тактильные элементы будущего пространства, объединенные общей идеей. Слово происходит от латинского conceptio, означает «понимание, система». В рамках дизайна это то, как человек видит результат своей работы.
Концепция дизайна интерьера: описание
Многие считают, что для оформления дома, квартиры, кафе достаточно купить качественные материалы, красивые украшения, функциональную технику. Иногда этого и правда хватает, но чаще всего интерьер кажется пустым. В нем может присутствовать шикарная итальянская плитка, оригинальные светильники, яркие кресла. Но без идеи это просто набор хороших предметов.
Концепция дизайна интерьера жилого дома, квартиры, кафе – идея, которая может базироваться на чем-то определенном: рисунке, фотографии, картине. Она способна вызвать эмоции, создать атмосферу, настроение, которые человек хочет показать, отобразить. Когда в проект заложен глубокий смысл, оформление помещения начинает выходить за рамки обыденного.
Идея выступает ядром, которое обеспечивает единство деталей, предметов. От руководящей мысли зависят остальные действия.
Отличия концепции от стиля
Существует огромное количество стилей, их ответвлений, которые пользуются большой популярностью. Но они не заменяют концепции, а дополняют их.
У большинства людей есть образ идеального дома, который отражает стиль жизни, вкусы, привычки. Кто-то видит себя сидящим в огромном кресле возле уютно потрескивающего камина, кто-то другой – стоящим у окна, смотрящим на город с высоты птичьего полета.
Задача дизайнера – «вытащить» этот идеальный образ наружу и адаптировать к выбранному стилю.
Концепция дизайна интерьера наполняет стиль конкретикой, она является его содержанием. С ее помощью возможно передать атмосферу, которую нужно создать в помещении. За счет этого даже привычные стилевые решения становятся необычными, уникальными. Через вещи, украшения, предметы хозяин дома рассказывает историю, а гости ее с удовольствием слушают.
Концепция интерьера: как придумать
Самое главное – выбрать близкую тему, проанализировать хобби, увлечения. Одного человека завораживает бескрайний космос со всеми его тайнами, другого – животный или растительный мир, третьего – старинные предметы.
При рассуждениях важно отойти от стандартов. Нужно помнить, что всегда можно выйти за рамки выбранного стиля. Например, клиенту нравится английская классика, но он также без ума от современного направления контемпорари. Объединить эти желания, оформить их в одной идее реально. В итоге получится интересный вариант – одновременно яркий и классический.
Почему стоит заказать разработку концепции дизайна интерьера
Существуют люди, которые отказываются от услуг дизайнера, считая, что оформление дома, квартиры – относительно несложный процесс. Однако часто у них не получается создать что-то по-настоящему интересное. Результатом работы может быть не эксклюзивный интерьер, а набор предметов без общей идеи.
Разработка концепции дизайн-проекта – первоочередная задача, если вы хотите получить гармоничное, интересное оформление. Профессионалы знают, как это сделать грамотно. В процессе работы они переходят от общего к частному: сначала определяют идеи для всей квартиры (дома, коттеджа, ресторана), а после движутся по каждому помещению отдельно.
Если не нужен просто ремонт, вы не хотите получить безжизненный дизайн, обращайтесь к дизайнерам студии. Они помогут развить идеи, выразить мысли, реализовать проект самым лучшим образом.
Черты хорошей концепции интерьера
После того как была сформулирована главная мысль, необходимо убедиться, что она качественная, не требует правок.
Для этого нужно обратить внимание на черты хорошей концепции интерьера:
1. Понятная. Идея должна считываться быстро, не вводить в заблуждение. Важно обойтись без элементов, которые отвлекают от основной мысли. Например, если заказчик любит дерево во всех его проявлениях, дизайнерам предстоит это отобразить.
2. Интригующая. Нередко специалисты создают пространства, которые по мере взаимодействия с ними, раскрываются с неожиданной стороны. Гостям приятно находиться в таких домах и квартирах, изучать детали. Им интересно, как это работает, как получилось сделать такой удивительный, привлекающий внимание дизайн.
3. Адресная. Оформление должно соответствовать образу жизни, предпочтениям хозяина. Профессионалы всегда учитывают привычки, мировоззрение разных людей: молодых родителей, творческих личностей, студентов.
Фундаментальные принципы проектирования
Чтобы грамотно реализовать общую концепцию дизайна интерьера, сделать жилье современным, красивым, индивидуальным, необходимо помнить ключевые принципы проектирования:
1. Использование или создание координационного центра. Речь о месте или предмете, которые мгновенно привлекают внимание. Это могут быть большие окна, камин, стильный коврик, ярко выкрашенная стена.
2. Покупка функциональной мебели. Она должна быть практичной, надежной, долговечной. Важно соблюдать масштаб, пропорции при выборе. Стоит избегать очень больших или маленьких диванов, кресел, столов, а также тех, которые плохо сочетаются со всем остальным.
3. Изменение текстуры. При оформлении комнаты полезно посмотреть на дизайн в целом. И спросить себя, не слишком ли много гладких, глянцевых поверхностей, не перегружено ли помещение сложными элементами и деталями. С помощью изменения текстуры можно сделать пространство более интересным, многомерным.
4. Соблюдение баланса. Любая комната, где все сбалансировано, является стильной, комфортной, функциональной. Совместно с дизайнером можно подобрать баланс: симметричный, ассиметричный, радиальная симметрия.
5. Грамотное освещение. Свет играет большую роль, поэтому вопрос нужно тщательно продумать. Необходимо спланировать общее, местное, освещение-акцент. Можно сочетать несколько типов освещения – это выглядит привлекательно.
Заказать разработку концепции дизайна интерьера
Знания, навыки, неиссякаемый запас креатива, опыт позволяют дизайнерам студии решать даже сложные, нестандартные задачи. У них можно заказать разработку концепции дизайна интерьера для любого помещения – квартиры, дома, коттеджа, кафе. Достаточно показать примеры, коллажи, рассказать о своих фантазиях.
Сотрудничество с профессионалами поможет сделать пространство современным, индивидуальным, уютным. Оформление будет полностью отвечать потребностям клиента, соответствовать его взглядам, привычкам.
О чем штурмят веб-дизайнеры. Этапы создания дизайн-концепции
Арт-директор Аша Саакян и продюсер Алёна Титова раскрывают подход агентства Nimax к созданию дизайн-концепций сайтов.
Если вы когда-нибудь взаимодействовали с digital-агентствами или веб-дизайнерами, то наверняка слышали об этапе создания концепции. В этой статье мы поэтапно разберем создание дизайн-концепции сайта на основе подхода, который практикуем в Nimax. Материал не является руководством, он предназначен для общего понимания процессов и их важности.
Дизайн-концепция сайта формирует общее видение визуальной части проекта с учетом всех источников требований и пожеланий к дизайну:
Если кратко: дизайн-концепция помогает заказчику и исполнителю смотреть в одном направлении. Так дальнейшая работа над дизайном страниц сайта становится предсказуемой и прозрачной.
При создании дизайн-концепции нужно учесть как можно больше разных типов блоков и элементов, заранее предусматривая их адаптивы: карточки, слайдеры, текстовые блоки, навигационные элементы.
При этом дизайн страниц может быть не финальным, мы формируем общее видение и пути развития. На этапе концепции происходят поиски:
Также необходимо выбрать приоритетные страницы.
Иногда заказчики обращаются с готовыми дизайн-системами, на которых построены интерфейсы одного или нескольких проектов. В таких случаях в разработке концепции нет необходимости.
Если есть понимание, как улучшить имеющуюся концепцию, то можно составить предложение и отправить его заказчику, уточнив, есть ли у него ресурсы на обновление. В списке предложений желательно отметить, как они повлияют на общее восприятие и решение бизнес-задач проекта.
Весь процесс можно разделить на три основных блока: исследование, создание дизайн-концепции и ее презентация.
1. Этапы исследования: предпроектный аудит и информационная архитектура.
2. Этапы создания дизайн-концепции: мудборд и стайлборд, генерация идей, скетчи и выбор идеи и создание макетов.
3. Презентация концепции.
Чтобы приступить к дизайн-концепции сайта, всей команде необходимо получить понимание по многим пунктам:
бизнес-задачи и процессы клиента;
особенности целевой аудитории;
Поэтому мы начинаем работу с этапа предпроектного аудита. На самом деле, этот этап начинается с первого обращения заказчика, после которого аккаунт-менеджер (или любое другое контактное лицо) знакомится с бизнесом заказчика, проводит первичный брифинг. Аккаунт передаёт собранную информацию команде, которая углубляется в проект вместе с заказчиком на Т-сессиях.
T-сессия — это групповая стратегическая сессия, где совмещается глубокая экспертиза заказчика в своей отрасли и широкая экспертиза агентства.
В результате предпроектного аудита команда получает ответы на вопросы:
Созданием полной картины проекта и выводами занимается стратег
или маркетолог, ему помогают специалисты разных областей.
Один из эффективных способов погрузить команду в проект — устроить встречу в офисе заказчика, провести по нему экскурсию, показать и дать пощупать продукт, познакомить с услугой.
1. Проводим интервью (одно или несколько) с заказчиком.
В ходе интервью у всей команды формируется представление о специфике бизнеса, о товарах, услугах и УТП компании, ЦА, конкурентах, бизнес-логике и процессах.
Даже если у заказчика есть подробно расписанное позиционирование компании, анализ по конкурентам, определена ниша и он готов предоставить все материалы исполнителю, необходимо будет применить всю эту информацию в вебе.
3. Формулируем выводы и задачи.
Понятно сформулированные выводы и поставленные задачи помогут исполнителю находиться в одном инфополе с заказчиком и уверенно перейти в следующий этап.
сформулированы задачи проекта;
составлено подробное описание проекта с выводами;
Инструменты, которые используем для предпроектного аудита:
Результатом этапа информационной архитектуры будут структурированные прототипы страниц будущего сайта с понятным контентом и пользовательскими сценариями.
Пример: благодаря проработанной информационной архитектуре пользователь сможет быстро найти нужный товар в большом каталоге, а заказчик — обратить внимание покупателей на сезонные позиции.
Инструменты, которые используем для создания информационной архитектуры:
После этапов аналитики и информационной архитектуры у нас есть достаточное количество вводных по проекту, и мы можем приступать к созданию концепции.
Мудборд — доска, отражающая настроение проекта. Он может содержать текст, фотографии и иллюстрации. Мудборд не должен передавать стилистику проекта.
Мудобрд можно формировать параллельно с этапом исследования продукта или услуги в процессе ознакомления с заказчиком и его бизнесом. С его помощью мы отображаем общее настроение будущего сайта, характер и позиционирование бренда.
Стайлборд — доска, отражающая стилистическое направление проекта.
Дизайнер смотрит референсы, собирает идеи по стилям — формирует стайлборд. Референсы могут быть сгруппированы по направлениям:
Для эффективной работы рекомендуем обсудить референсы с клиентом, чтобы синхронизироваться с ним и убедиться, что вы движетесь в правильном направлении.
Инструменты, которые используем при составлении мудборда и стайлборда:
Над генерацией идей может работать один дизайнер или вся команда, в зависимости от сложности и масштаба проекта. Создание первых набросков, скетчей и иллюстраций — из этих шагов складывается второй этап подготовки концепции. Важно решить, как на сайте будут раскрываться идентификаторы фирменного стиля и нужно ли создавать новые визуальные образы.
На этом этапе вся команда уже погружена в процессы.
Чем больше информации и выводов, тем больше фильтров, которые приводят нас к правильным решениям для продукта, в том числе визуальным.
При генерации масштабируемых и небанальных идей помогают регулярные просмотры работ топовых дизайнеров и агентств, изучение трендов, площадок с конкурсными работами, тематических дайджестов.
На этапе штурма идей нужно собрать максимальное количество вариантов без детализации и погружения в микрорешения, так как основной задачей создания дизайн-концепции является анализ гипотез. Идеи могут быть в виде текста, скетчей, поверхностных набросков или скринов.
На этом скрине можно увидеть наброски идей в результате внутреннего штурма веб-дизайнеров Nimax.
Из разнообразия вариантов выбираются наиболее подходящие критериям оценки результата.
Инструменты, которые используем на этапе генерации идей:
Из большого количества идей в ходе общего штурма выбираются самые удачные, те, которые наиболее точно помогут решить задачи сайта: визуальные и функциональные.
Иногда одна идея дополняет другую и они объединяются в одно продуманное решение.
В некоторых проектах имеет смысл подключить к отбору команду заказчика, так как именно эти люди являются носителями знаний о бизнесе и быстро помогут откинуть неподходящие идеи. Это может быть актуально для разных ситуаций:
На этом этапе нет задачи показать заказчику как можно больше идей. Достаточно иметь весомую аргументацию для одной, но самой подходящей.
Создавая макет на основе идеи и выбранных стилистических решений, нужно помнить о том, что мы задаем ритм для большого количества страниц с разным типом контента. Поэтому важно параллельно примерять решения для других страниц, учесть разные сущности, изучив подробно прототип и будущий контент.
Инструменты, которые применяем на этапе выбора идей и создания макетов:
Финальный шаг — презентация концепции заказчику. Защищать проект может сам дизайнер или менеджер проекта. В любом случае важно присутствие дизайнера во время встречи или созвона. Он сможет с профессиональной точки зрения ответить на вопросы, связанные с дизайном макетов.
Мы всегда начинаем презентацию с формулировки задачи, краткого описания будущего проекта и его аудитории.
Далее раскрываются карты. На слайдах обозначаем весь путь, который прошла команда: от аудита и идей до готового дизайна. Так мы показываем, что макеты получились не случайным образом, а методом исследования и анализа.
Лучшая демонстрация макетов — анимация, так можно заранее ответить на многие вопросы, которые могли бы возникнуть у заказчика.
Если на презентации присутствует не вся команда заказчика, мы зачастую отправляем видеопрезентацию для удобства и корректной трансляции идеи концепции.
В результате формируется набор правил и стилистических решений, которые будут распространяться на все остальные страницы проекта. Итогом становится как минимум одна отрисованная страница для демонстрации идеи, на основе которой команда презентует проект заказчику.
Так как команда заказчика понимает, в каком направлении движется дизайн, сокращается время на отрисовку внутренних страниц и упрощается процесс согласования. Остальные страницы сайта будут выглядеть в единой стилистике, а для нового контента не придётся изобретать дизайн с нуля.
Даже если проект будет передан другим дизайнерам, то при грамотном соблюдении разработанных правил, макеты разных страниц будут выглядеть целостно и в единой визуальной системе.
Подписывайтесь на телеграм-канал Школы Nimax — там вы найдете больше полезной информации о веб-дизйне, брендинге, маркетинге, digital PR и управлении трафиком.
Что такое концепция дизайна интерьера?
Многие заказчики скептически относятся к созданию концепции дизайна интерьера, считая этот этап эфемерным и необязательным. На самом деле, это база, без которой невозможно создать гармоничный интерьер. Это не набор готовых идей и решений, а образ будущего интерьера, каким его видите Вы.
Здесь важны ощущения и ассоциации. Возможно, Вы не найдете ничего похожего в готовых портфолио дизайнеров, и тогда нужно обращаться к искусству. Если у Вас есть любимые произведения, направления или эпохи – это может стать прекрасной основой для разработки концепции в современной интерпретации. С такими референсами всегда очень интересно работать – здесь стоит задача не только проявить особый вкус заказчика, но и адаптировать его к современным потребностям.
Концепция дизайн-проекта – что это такое?
Она транслирует атмосферу и настроение, которое нужно создать в интерьере. Это невозможно описать терминами, все строится на личном общении с заказчиком и выявлении его истинных желаний.
Само понятие концепции – очень широкое, оно включает в себя комплекс идей и предпочтений, которые могут даже не осознаваться. Дизайнер поможет сформулировать эти мысли и преобразовать их в понятные направления, которые в дальнейшем превратятся в конкретные задачи.
Документально эта часть дизайн-проекта представляет собой описание будущего интерьера на 1-2 листах, с яркими образами, отражающими эмоциональную составляющую атмосферы дома.
Зачем нужна концепция?
Она очерчивает круг Ваших предпочтений и создает необходимые рамки, в которых будет работать дизайнер.
Существует миф, что дизайнеры для того и нужны – чтобы реализовать абсолютно все идеи, и при этом результат должен быть безупречным, в полной мере отвечающим Вашим ожиданиям.
На практике все иначе – для создания хорошего дизайна интерьера необходимы рамки, без них даже самые интересные идеи будут размытыми, их невозможно будет персонализировать. Эти рамки и являются очертаниями концепции – когда это творческое пространство определено, внутри него уже можно воплощать разные мысли, и все они будут гармонично сочетаться между собой.
Концепция решает сразу несколько задач:
Процесс разработки
Концепция разрабатывается на основе Ваших предпочтений, пожеланий, идей – все это обсуждается в ходе консультации и фиксируется в Техническом задании.
Прорабатывая эту информацию с учетом текущих трендов и перспектив, специалисты нашей студии создают общую концепцию. Это происходит без участия клиента, над содержанием концепции работает целая команда.
Когда концепция готова, ее ключевые элементы проявляются в планировочном решении. Далее, на этапе 3Д-визуализации и создания коллажей, проработка деталей становится все более подробной.
Как раз на данном этапе происходит выбор материалов, определяются архитектурные решения в соответствии с бюджетом. К этому моменту уже согласовано планировочное решение и расстановка мебели по комнатам, но при необходимости можно внести корректировки в 3Д-визуализацию.
Важно: к созданию 3Д-визуализаций мы приступаем только после того, как есть общее видение концепции, согласованное с клиентом.
Трехмерная модель будущей квартиры – это цифровое воплощение концепции, основанной на предложенных идеях. Благодаря этому появляется возможность наглядно представить, как будет выглядеть готовая квартира. Если появляются новые пожелания по поводу концепции, их желательно озвучить именно на этом этапе, чтобы можно было внести корректировки.
Этапы разработки концепции
При разработке обязательно учитывается состав семьи и примерный образ жизни всех домочадцев. Поэтому мы всегда рекомендуем заранее собрать пожелания членов семьи хотя бы в общих чертах – это помогает сделать концепцию комфортной и эстетически привлекательной для всех. По ходу работы какие-то детали могут меняться, добавлять и исчезать – но сам факт того, что вы посоветовались с семьей, будет очень важен при оценке итогового результат.
Как создать дизайн-концепцию сайта в 5 шагов
Расскажу о ценности дизайн-концепций, а также покажу, как создать дизайн-концепцию сайта по шагам. Чек-лист с примерами и рекомендациями в конце статьи. 👩💻👇
Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных компаниях Omega-R (агентство), iSpring Solutions (продуктовая) и со стартапами по всему миру. Преподаватель курсов «UI-дизайн и анимация интерфейсов» и «Веб-дизайн» в Институте программных систем и godesign.school.
Июн 10 · 10 мин читать
Дизайн-концепция — это визуальная концепция будущего дизайн-проекта, которая наглядно представляет стиль и общее настроение будущего сайта, какие ассоциации он будет вызывать у пользователей, какая палитра цветов будет использоваться, какие шрифты, иконки и прочие визуальные паттерны будут взяты в работу. Это важный этап перед стартом дизайна, потому как с его помощью можно задать общий стиль и настроение сайта, который будет устраивать заказчика.
Фундаментальная отсылка. Концепция – это объединение в систему всех идей (взглядов), выработанных для понимания направления развития. Она дает ответ на вопрос — как достичь намеченной цели. По сути, это единый определяющий замысел (стратегия) для решения любой задачи.
Термин дизайн-концепция произошел от объединения двух латинских слов «designare» и «conceptio». «Designare» значит «определять» и «conceptio» – «понимание, система».
Руководство призвано помочь вам сориентироваться в любой дизайн-концепции, независимо от формата, контекста и целей.
Содержание:
Что такое дизайн-концепция сайта и для чего она нужна
Дизайн-концепция — это тщательно подобранная система изображений, текстур, типографики и цветов для передачи определенного внешнего вида веб-сайта. Дизайн-концепция также известны как Stylescapes / Moodboards 2.0.
Дизайн-концепция — это ключевой образ сайта, на который можно опираться при создании визуального облика. Подход к работе здесь следующий: представьте сайт как «персонажа» — с характером, внешностью, своими особенностями, стилем общения и поведением. Этот «персонаж» и будет предлагать клиентам и пользователям продукты или услуги бизнеса. Поэтому важно не забывать про Целевую аудиторию и Конкурентов: какой характер и способ общения лучше «зайдёт» клиентам? Или каким должен быть образ, чтобы отличиться на фоне конкурентов?
Дизайн-концепцию сайта можно представить в формате Stylescapes — ландшафты стиля. Вот пример такой подачи в трех вариациях для сайта. Первая (спокойный) — открытый, жизнерадостный, находчивый; вторая (средний) — разборчивый, успешный; третий (активный) — уверенный в себе, неповторимый, смелый.
Говоря простыми словами, дизайн-концепция — это метафора или образ, который упрощает восприятие продукта, компании и делает фирстиль узнаваемым не только на сайте, но и во всех digital-каналах.
Использовать дизайн-концепцию следует по следующим причинам:
Дизайн-концепция — помогает сформировать единое пространство, в котором все понимают друг друга и эффективно сотрудничают для достижения целей.
Инструкция по разработке дизайн-концепции сайта
В самом простом варианте построение дизайн-концепции происходит следующим образом:
Этап 1. Сбор данных о деле клиента
Для погружения в дело клиента вам пригодится бриф
Шаг 1. Маркетинг-кит. Есть такая практика, как Маркетинг-кит — это комплект маркетинговых материалов, которые продают не просто товар или услугу, а историю компании/бренда. Что включает маркетинг-кит →
Шаг 2. Маркетинг-кит в кратком формате. Еще бывает полезно сжать всю эту обширную информацию в 1 убедительный лист A4 с ответами на вопросы:
Шаг 3. Точка обзора (Point-of-View или POV). В результате изучения маркетинг-кита и ответов на все вопросы у вас уже в сознании будет играть чувственная история о том, как бренд полезен потребителям. Подать ее можно в формате POV. Точка обзора – это инструмент из арсенала техник дизайн-мышления.
__Пример POV-1__ / Личный маркетолог с креативной жилкой, для SaaS автоматизации маркетинга для риелтеров
«Мы встретили опытных риелторов.»
«Мы были поражены, что они знают, что мир изменился и появились новые возможности для развития бизнеса с помощью digital. Но все равно боятся растратить время на эксперименты с современными технологиями и поэтому упускают возможность кратно увеличить клиентскую базу, известность личного бренда и доход.»
«Мы можем изменить мир, если создадим личного робота-помощника, который 24/7 будет находить потенциальных клиентов и расширять вселенную контактов до бесконечности»
Близкая аудитории культура: карьера, семья, хобби
Этап 2. Дизайн-исследование диджитал-ландшафта и пространство для концепции
Минимальное дизайн-исследование охватывает анализ того, как конкуренты выглядят, что они говорят и делают. Такой подход еще называют анализом коммуникации. Главная задача на этом этапе — найти точки отличий от конкурентов.
Отличаться от конкурентов лучше сразу по двум параметрам: обещания (анализ слов и дел) и образ (анализ цвет и графического нюанса).
Например, отличие по цвету — одно из самых сильных и заложено еще самой природой. А благодаря графическому нюансу бренд будет отличаться от других игроков на рынке.
Также важно нащупать точки отличий в поле дел. Если конкуренты что-то не делают, а ваш клиент делает — это уже может лечь в основу сюжета, графики и текстов.
Нюансы. Сложность анализа на данном этапе может возникнуть пониманием ценностей, которые близки клиенту, его аудитории и другим участникам рынка. Анализ ценностей требует глубокой степени погружения в бизнес клиента, понимание продукта и конкурентную среду, а также жизненного опыта и практики.
Мы видим мир не таким, как он есть на самом деле. Мы смотрим на мир сквозь призму прошлого опыта. Поэтому этот этап требует как вовлеченности самого клиента, так и, в идеале, его потенциальных клиентов.
Здесь я предлагаю поиграть в игру. Каждый бренд – это сгусток ценностей, c особым вкусом. Визуально эти сгустки, кстати, тоже отличаются. Если макнуть в этот самый сгусток кисточку и измазать места, где обитают потенциальные клиенты, то откликнутся те, кому именно этот вкус ближе всего.
Попробуйте в работе. Поглядите на дизайн каждой из компаний в списке. Полистайте странички. Расслабьтесь. Представьте, что вы жуете дизайн 🙂 А теперь подчеркните 3, только три, ценности, которые точнее всего передают вкус от картинки. А затем изучите отличие по цвету, графическому нюансу.
На чем протестировать список:
Студии:
Новости:
Полезные материалы на тему исследования бизнес-ландшафта и культур:
Этап 3. Дебют стиля
Как только мы изучили ландшафт и увидели расстановку игроков, мы можем взяться за воплощение уникальной стилистики сайта.
В этой работе нам пригодится техника мудборда, а также техника графического сторителлинга.
Графический нюанс в этой технике будет играть роль героя, а рифмы — станут намеками, благодаря которым героя можно будет узнавать и в неявном виде.
Шаг 1. Мудборд. Мудборд — это не только картинки-настроение, но и графика и шоты сайтов, различные образы и знаки — все, в чем есть намеки на наш бренд. Все это помогает зафиксировать направления, в которые вы будет развиваться концепция.
Шаг 2. Графический нюанс и рифмы. Мудборд — это материал для работы по созданию графического нюанса и рифм. Нюанс — это отличительная визуальная черта дизайн-концепции (ключевая нота), а рифма (намеки) — это то, что помогает объединять всю дополнительную графику бренда в один образ. В результате получится конструктор вашего уникального образа бренда. Это значит, что у вас появится ответ на ключевые вопросы:
Полезное:
Этап 4: Примерка и проверка стиля на тиражируемость в различных форматах
Здесь мы берем наработки по графике и пробуем собрать шапку сайта, рекламные баннеры и мерч, затем, если требуется, возвращаемся на шаги 1 и 2, чтобы добиться целостности восприятия.
Этап 5. Презентация клиенту
Напомните клиенту о чем была прошлая встреча, проведите клиента через все этапы, чтобы освежить картину совместной работы над проектом. Обсудите с заказчиком результат, соберите обратную связь и обсудите список моментов, которые следует скорректировать.
Что важно учесть при создании дизайн-концепции сайта
1. Не пропускайте фазу погружения в бизнес и культуру
К примеру, если бренду близки достижения, спортивный дух и скорость, то эти моменты вы найдете в делах бренда, так и отразите в графике. Представьте, что вам доверили снимать фильм о компании и вы как сыщик собираете все факты.
2. Изучите существующую графику клиента, возможно в ней есть намеки на фирменный стиль
Загляните в посты соцсетей, сториз, рекламу, мерч, логотип — собирайте все, что есть. Затем проведите разбор с клиентом и узнайте все, что ему близко в этой графике и какую историю он вкладывает в каждый из материалов.
3. Рисуйте графику, так как буд-то пишите историю
Каждый графический объект не случаен — он часть истории о деле клиента. К примеру, извивающаяся линия в этой истории может стать проводником в новый мир, а значит обладать глубоким смыслом. Вся графика на сайте связана общим сюжетом, так же как герои сказки в иллюстрации на развороте книги.
4. Больше мудбордов — больше информации
Пространство из трех мудбордов поможет вам добыть дополнительные сведения о рынке, продукте, конкурентах, стратегии клиента — добыть его взгляд на общий ландшафт. Помните, что клиент обладает большим опытом, поэтому на старте мудборды помогают увидеть дело его глазами. Клиенты часто сомневаются, а в пространстве мудбордов проще делать выбор, особенно на старте проекта.
5. Базовый цвет и графический нюанс формируют основное пятно и вкус бренда
Проверьте свою концепцию на узнаваемость: за счет какого цвета, образа и нюанса она будет узнаваема не только на сайте, но и в рекламном баннере и в листовке? Поставьте свою концепцию среди сайтов конкурентов и проверьте, выделяется ли она среди них уникальным характером и подачей или просто сливается в общей гамме.
6. Не перебивайте графикой фокус продукта
Задача всей уникальной графики в том, чтобы выводить продукт на передний план и подчеркивать его достоинства.
7. Применяйте единый графический алфавит во всех точках контакта с клиентом
Используйте ограниченный ассортимент графических приемов на главной и внутренних страницах сайта, каталоге, социальных сетях — во всех линиях коммуникации.
8. Шрифтовая пара с характером: громкий голос и обычная речь
В дизайне одинаково важны и форма, и содержание, а значит одинаково важно уделить внимание не только тому что вы говорите(содержание), но и как говорите(форма), а точнее, с помощью каких инструментов. Шрифт – это по сути голос бренда, а сам бренд как персонаж. Голос может быть совершенно разным: мягким, шутливым, брутальным и дерзким, утонченным и элегантным — от шрифта зависит, каким голосом бренд говорит с клиентом.
9. Вкладывайте в инфографику общую рифму
Соберите референсы инфографики, подставьте их в мудборд и проверьте, есть ли схожая рифма с остальной графикой. Например, если в основе вашей графики конструктор из простых фигур, то и иконки могут продолжать эту рифму. Если у вас сайт с мягкими handmade иллюстрациями, то и иконки лучше впишутся нестрогие, как будто нарисованные от руки.
Пример инфографики с рифмой:
10. Держите заказчика в курсе проекта, не устраивайте сюрпризы в последний день сдачи
Вовлекайте заказчика в проект, на каждом созвоне напоминайте ему про этапы, так он будет в курсе развития проекта и будет ощущать сопричастность и контроль. В итоге такой работы финальная демонстрация будет приятным итогом совместной работы и а не внезапным сюрпризом.
Вывод и рекомендация
Дизайн-концепции помогают добиться выразительной айдентики. А еще они добавляют согласованности в работе команды и экономят время и деньги.
Дизайн-концепции направляют принятие решений в дизайне и подсвечивают недочеты еще до того, как начнется фаза детальной работы над визуальной проработкой. И самое главное — они побуждают искать выразительное решение сильнее, чем у конкурентов. Попробуйте их в вашим следующем проекте.
Напомню, что прокачать навыки в создании дизайн-концепций вы можете на платформе Breezzly. На Breezzly вы тренируетесь в контексте сайтов, мобильных и веб-приложений и даже на примере приложений для смарт-часов.
