Дизайн студия

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

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

1. Главная страница намного красивее других

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

Согласитесь, неудобно после открытия минималистичной главной страницы переходить на страницу Примеры работ или О нас с дизайном эпохи динозавров?

2. Стиль сайта не соответствует сфере деятельности компании

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

Важно сохранить особенности выбранной вами отрасли: где-то нужно подчеркнуть стабильность и спокойствие, где-то динамичность и современность.

Дизайнерам: гуглите цвета и эмоции и отталкивайтесь для начала от этого, а затем действуйте по профессиональной интуиции.

3. Неправильные цвета

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

4. Много интерактива, всплывающих окон

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

То же самое и с формами заявок. Лучше пусть они будут внизу сайта, а по клику пользователь будет перемещаться к ним.

5. У сайта нет адаптивности или даже отзывчивости

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

Но не стоит указывать дизайнерам делать разные разрешения для сайта, ведь это задача frontend-программистов.

6. Стиль лого не соответствует стилю сайта

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

7. Много или мало разделов

Разделов принято делать от трёх, но не более шести. Тут всё максимально просто: много разделов путаница, мало разделов та же путаница.

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

8. Много текста

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

9. На главной странице нет ключевого действия

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

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

10. Нельзя связаться

Люди разные и к каждому нужен индивидуальный подход. Внедрить искусственный интеллект на сайт, конечно, можно, но не рационально. Поэтому лучше дать возможность потенциальному клиенту позвонить вашему администратору или вам самим.

11. Изображения с фотобанков

Касательно этого пункта Максим Ильяхов всё написал за нас:

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

Люди из фотостока полезны, когда вам нужен не конкретный человек, а просто любой какой-то человек. Но если вам подходит любой человек, у вас плохая иллюстрация вы не иллюстрируете, а разбавляете текст. Это значит, что текст слабый, продукт в целом слабый, и единственное, что его украшает это Алена, королева Фотостока.

Автор статьи Арсен Осипян

Командой Lemon.media собрали свой опыт и подготовили гайд, как прийти к взаимопониманию с дизайнерами. Читайте ниже:

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



Поэтому сегодня разберемся, как ставить ТЗ/заполнять бриф, чтобы результат был не ХЗ.

От каких проблем убережет грамотное ТЗ

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

Грамотное же техническое задание предотвращает от множества проблем. Каких именно, разберем на примерах:

1. Представьте, что вы хотите лого с парусом в верхнем левом углу. В ТЗ дизайнеру написано на лого должен быть парус. В итоге 50/50, что он будет расположен в верхнем левом углу. И если нет, будут правки, переделки, возможно придется менять композицию и тд. Это долго и ресурсозатратно.

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



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

Здесь советуем максимально подробно обсудить с ЛПР-ами концепцию и согласовать ее. А потом так же подробно расписать все для студии/дизайнера и тд. Либо можно ограничить круг тех, кто принимает дизайн.

3. Если дело все дошло до правок не оставляйте подробности. Замечания в духе не зажигает/хочется чего-то другого делу не помогут, нужен только конструктив. В ход можете брать все хоть заскриньте и стрелочками подрисуйте, как подвинуть элементы, главное объясните.

На что обратить внимание

Окей, с возможными проблемами разобрались. Теперь о том, на что обратить внимание:

1. Контекст задачи

Расскажите, зачем вам этот дизайн/фирменный стиль и где планируете его использовать. Это важно, потому что дизайнер будет учитывать все возможные нюансы, которые были в его практике или просто известны.

"

Пример, как стоит ответить на вопрос в брифе

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

2. Целевая аудитория

Сосредоточьтесь на описании целевой аудитории. Так как дизайн в первую очередь должен привлекать её. И нужно будет найти компромисс между вашим видением и тем, как будут воспринимать бренд потенциальные клиенты.

Прям распишите: возраст, пол, сферу интересов, боли, мечты.

Например: молодые мамы 20-30 лет, в детских вещах ценят качество и минимализм. Им не нравятся слишком яркие цвета игрушек, поэтому большинство магазинов детских товаров их бесит.

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

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

3. Информация о вас

Если у вас уже есть какие-то фирменные элементы, цвета, старый логотип прикладывайте их к заданию. А вместе с этим фото продукта, клиентов с продуктом, оформление торговой точки (если есть) и все подобное.

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

4. Форматы

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

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

5. Добавьте примеров

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

Можно показать референсы каких-то частей. Например, здесь мне нравится кружок в углу, а тут фон и персонаж. Также можно добавлять примеры, как вам НЕ нравится. Это точно убережет от множества правок.



Где искать референсы: pinterest, behance, брендинг конкурентов или смежных областей.

Помните о сроках

На всякий случай уточним, история мне нужен логотип через 2 часа, потому что я печатаю наклейки не работает.

Самый важный момент в коммуникации с заказчиком адекватно оценивать сроки и объем задачи. А лучше сначала уточнить, за сколько возможно сделать определенную работу и после поставить дедлайны.

Если что-то срочное, можно поговорить о более быстром исполнении (скорее всего за доплату).

Ещё, когда у вас объемная задача типа 10 страниц сайта и фирменный стиль разбейте ее на подзадачи и обсудите дедлайны промежуточных согласований.

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

Резюмируем

1. Дайте как можно больше информации о продукте и аудитории. Каждая мелочь может существенно повлиять на восприятие.
2. Заложите на составление ТЗ много времени. Так как в этом деле нужна максимальная подробность и въедливость в детали.
3. Если несколько человек принимают решение, согласуйте ТЗ со всеми. Это поможет избежать разногласий внутри вашей компании.
4. Не забывайте прописывать форматы и размеры нужного вам дизайна. Конечно, просто любой дизайнер не сделает, но время на дополнительный вопрос и ожидание ответа вы потратите вместе.

Дизайн-студии слишком часто сталкиваются с вопросами типа почему дизайн логотипа стоит так дорого?, мы нашли в интернете, можете немного поправить?, у нас пекарня, хотим лого, как у Nike.

Отвечаем, почему на дизайне нельзя экономить и как он помогает бизнесу зарабатывать?

За что логотип отвечает?

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



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

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

Также это положительно влияет на создание эмоциональной связи между вами и клиентами. Это приводит не только к хорошему отношению, но и к дополнительному распространению. Аудитория может носить мерч, распространяя больше информации о вас.

Как использовать дизайн правильно?

Тут как в известной поговорке сначала вы работаете на дизайн, потом он на вас (ну почти). То есть, в первые годы жизни бизнеса дизайн логотипа и фирменный стиль должен вызывать ассоциации с тем, что вы делаете.

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



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

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

Как стиль и влияет на эмоциональную связь?

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

Создают ощущение единства

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

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

Заморачиваются и получают одобрение

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

Почему важно идти к профессионалам?

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

Частые случаи, когда все очень красиво, но совершенно не понятно. Либо красоты слишком много, глаза разбегаются, а голова начинает болеть от переизбытка впечатлений.

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

Ещё можно столкнуться с:

• начинающими дизайнерами, которые будут набивать руку на вашем проекте. Да, это будет дешево, но не факт, что эффективно,
• подрядчиками, которые делают несколько вариантов (например 4) бесплатно, а все остальное платно,
• недобросовестными дизайнерами, которые скачивают картинки с интернета или используют только онлайн-программы (сами же ничего не придумывают).

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

О чем говорят цифры?

Напоследок поделимся результатами нескольких исследований о важности дизайна:

Design Management Institute придумала свой индекс, показывающий зависимость капитализации и дизайна. В 2015 году индекс вырос на 211% у тех компаний, которые в дизайн вкладывались.



Похожий индекс изобрела компания McKinsey MDI, который показывает экономический эффект от дизайна. После опроса 300 компаний выяснилось, что у компаний с высоким индексом прибыль увеличивалась гораздо быстрее, чем у компаний с индексом ниже среднего.

Также, по словам Design Counsil вклад в дизайн принёс британской экономике приятную сумму в 71,7 млрд фунтов в 2015 году.