Кейс: разработка бренда, презентаций и сайта для производителей сложного программного обеспечения

Содержание

Исходная задача

Список работ

Выбор инструментов

Копирайтинг

Другие подводные камни

Результаты

Цена вопроса

Отзыв заказчика

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

Главными сложностями на стадии переговоров виделись следующие:

Но когда нас, собаку съевших на брендинге для стартапов и b2b сектора, это пугало?! Сказано — начато!

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

А еще нужно всегда хотя бы косвенно выразить ответ на самый главный и извечный вопрос любого заказчика (даже меня). Звучит он так: «Эх, что ж так дорого-то?!» О том, как мы подготовились к такому вопросу в данном проекте, я рассказал ниже в главе Цена вопроса.

Сам список предстоящих работ получился вот таким:

Любой результат проекта мы всегда дополняем консалтинговыми фишками, типа: «Анализ ЦА», «Рекомендации по контент-стратегии». Это и есть то самое value added, которое отличает нас от «обычных» веб-студий. Наши заказчики понимают, что с дизайном, который они получают, лично я плотно посидел и снабдил его конкретными рекомендациями: как развивать, как продвигать и т п. Некоторые из наших клиентов говорят, что вот это «а поговорить» подчас ценнее самого дизайна. Это конечно же не так, но всё равно приятно!

Заказчика «ориентировочные сроки» устроили потому, что график поэтапной готовности его системы был тоже ориентировочным. Agile, как говорится, в полный рост!

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

Как мы пришли к логотипу

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

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

Шар олицетворяет нашу систему. Благодаря этому шару, всё сложное становится понятным и упорядоченным.

В общем, шар в руке зашел! Вот тут даже шоурил по нему небольшой посмотрите:

Как мы пришли к стилю

Еще раз насчет ЦА. На брифе она описывалась как бабульки тыкающие в клавиатуру старенького десктопа одним пальцем. А на деле выяснилось, что ЦА-шечка у нас — молодые, динамичные, mobile first детишки горняков.

Поэтому мы побоялись-побоялись да и рискнули забабахать вот такой супер-современный мудборд нашему заказчику:

Дело в том, что человечество эстетически развивается более-менее равномерно. Даже если вы далеки от Интернета (допустим, такое бывает) и вам предстоит принимать сайт для своей организации, то вы в любом случае погуляете по просторам всемирной паутины и насмотритесь там лучших практик. Вы пролистнете сайты всяких там АНО, ГБУ и НИИ. И очень быстро переключитесь на веб-представительства реальных успешных бизнесов а-ля Product Hunt, Intercom, Stripe, Airtable, Zendesk.com или MailChimp. Поэтому современный веб-дизайн должен оставаться современным в любой индустрии.

Да, а теглайном у нас стало “Finmodeling the future”. Посмотрите на обложке этой статьи вверху 👆.

Дизайн делался в Фигме с иногдашными привлечениями Фотошопа. Веб-сайт реализовывался на Webflow. А вот продающие презентации предстояло сделать на PowerPoint-е. Чтобы менеджеры по продажам могли в подвижном режиме из приготовленных нами шаблонных слайдов очень быстро делать презентации для конкретного (своего) клиента.

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

Серьезно, мы пробовали брать у ключевых пользователей интервью, но на стадии расшифровки просто опускались руки. С одной стороны, вроде бы всё просто: карьер копают машины, данные по ним надо занести в табличку и выдать где там, когда там у них будет ремонт. Но не тут-то было. Заказчик рассказывает увлеченно и интересно. Прям хоть бросай айпэд и беги в забой. Но написать об этом так, чтобы было понятно и завлекательно конечному клиенту… Думаю, что эту задачу мы пока что выполнили не на 100%. Будем совершенствоваться!

Как я уже ныл выше, система и реализовывалась, и продавалась одновременно с разработкой бренда. Спасало то, что заказчик доверился нашему опыту на 100% и делал в нужный момент так, как мы ему советовали.

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

Особо стоит отметить, что нейминг был задан заранее и являл собой самую нелюбимую нами версию названия компании — просто три заглавные буквы. Оставалось уповать на то, что нам удастся придать такой скучной аббревиатуре изрядную долю «огонька»))

Продающие презентации были выполнены в виде свободно модифицируемых слайдов-заготовок. Шаблоны ветвились в сторону разного рода слушателей. Отдельная верхнеуровневая преза для гендира и собственников (речь идет о должностях потенциальных клиентов нашего заказчика), отдельная — для CIO. И так далее. Соответственно, отправляясь на встречу с потенциальным клиентом, ты просто подбираешь слайды под свою целевую аудиторию и, если нужно, что-то там правишь, чтобы максимально попасть в ожидания слушателей. Очень удобно!

Один уважаемый финдир предложил формулировки тезисов презентации для финансистов в таком виде:

Ну, примерно так мы и постарались всё сделать))

Бренд-бук получился вот таким красивеньким:

Успешная последовательность этапов выглядела так: сначала сделали айдентику, которая, как известно, всему голова! Затем, пока мы корпели над PPTX-слайдами, программисты заказчика трудились над MVP системы XDA. Едва получив в свои оружейные арсеналы презентации и MVP, продавцы побежали карьером по карьерам, собственно, продавать. Благодаря их, продавцов, героическим усилиям, заказчик получил финансирование дальнейших разработок. В общем, всё кипело так, что к концу проекта нас даже попросили сделать наброски для UI))

Оставляю вам тут таблицу-шаблон для расчета бюджета на создание лендинга. Первым делом, скопируйте-ка таблицу в свой аккаунт Google Sheets. Не стоит просить меня дать к ней доступ для редактирования)) В ячейке F4 находится самое ключевое значение — стоимость одного часа работы специалиста. Если его изменить, моментально пересчитывается весь бюджет проекта. Почему там доллары? Это удобно когда работаешь бок о бок с представителями других стран. Во-первых, валютный курс может изменяться, а во-вторых, мы часто работаем с клиентами из других стран, которые используют эту валюту. О, да, магическая формула пересчета курса находится в ячейке I4.

Олега Митяева как-то спросили на концерте: «А можно в вашу песню “Родильный дом” добавить имена Геннадий и Аглая?» Ответ его был короток и чудесен: «Можно. Добавляйте!» Это я к тому, что если вам не нужны какие-то строки, можете их удалить. В таблице есть колонка D с чекбоксами. Их люди используют для того, чтобы прямо во время переговоров с клиентом отмечать те задачи, которые вроде бы не нужны клиенту и тем самым уменьшать стоимость проекта. Разумеется, бездумный сиквестр частенько приводит к обратному процессу: все «отчеканные» пункты возвращаются обратно. Ибо как же без страницы «О нас», например?! Список страниц сайта тоже можно редачить по вкусу. В шаблоне приведен лишь типовой набор страниц, который может пригодиться стартапу, b2b- или SaaS-бизнесу. Строки с 51 по 70 автоматически повторяют список страниц дизайна.

Как и у любого уважающего себя автора vc.ru, у меня есть Телеграм-канальчик.

Даже два. Marketing guru — это мои авторский: о маркетинге, ответы на вопросы, художественные рассказы и собственные видео.

«Я обучаюсь дизайну» — это дропбокс туториалов и инструментов графического дизайна. Им пользуются наши кандидаты, текущие сотрудники и все, кому дизайн действительно интересен.