Настроение:
Я вас приветствую без регистрации и sms. Сегодня мы не будем зарабатывать от $100 в день, просто просматривая сериальчики, а продолжим изобретать коммерческое предложение для веб-студии.
Введение
Теперь нашу структурную схему надо превратить в прототип. Делать я его буду в Axure RP 8, ибо мне так удобнее, да это и не суть нашего разговора. О своём инструментарии, возможно, расскажу в отдельной статье, если вам будет интересно. Изголяться с красивым дизайном прототипа не имеет смысла, так как прототип будет отдан дизайнеру на растерзание. У нас есть более важная задача - это определить формат документа, форму и порядок подачи информации, разделить всё на условные блоки. Всё должно быть предельно понятно и чётко.
Мы работаем прежде всего с восприятием информации человеком, а не с цветовыми схемами и набором шрифтов.
Формат
Поскольку КП предназначено для просмотра в электронном виде, то никаких А4, клиенту должно быть удобно это просматривать. Информации у нас будет много, ведь дорого-богато, вы не забыли, правда? Поэтому разбиваем всё на слайды размером 1920х1080, а затем пакуем всё это добро в pdf презентацию.
Чё так? Ты чё на А4 гонишь?
Ответьте сначала на один вопрос: как вы думаете, кто будет читать этот док прежде всего, кто наша ЦА (целевая аудитория)?
Это менеджеры, возможно руководители структурных подразделений, сами владельцы малого бизнеса, если в компании нет отдела, кому можно такое делегировать.
На чём они будут просматривать наше КП? На компьютерах, ноутбуках, планшетах и телефонах. На ноутбуках больше всего, потом идут компьютеры, потом смартфоны, потом планшеты. Если горизонтальное расположение слайда актуально для лэптопов, ПК, да даже планшетов, то для телефонов уже давно всё подаётся в вертикальном виде, даже видосики, да простят нам небеса ересь мошин электрических. Всем мил не будешь, поэтому придётся терпеть данное неудобство мобиловодам, хотя не такое оно уж и сильное, так как можно мобилу повернуть на 90 ° .
А почему 1920х1080, вон у Петьки из второго падика монитор 8К, а потому что этого достаточно почти для всего, чтобы не получить пиксельную гребенку даже на достаточно больших мониторах с высоким разрешением. И еще потому что у нашей ЦА экраны как раз от 1366х768 до 1920х1080 на лэптопах и мониторах, они знаете ли, не используют для работы что-то эдакое, а как правило что-то обычное и заурядное. Ну и размер самого экрана тоже надо учитывать, даже на 2,5К 15” наш формат впишется как влитой.
Ну pdf, потому что в него удобно превращать макеты Adobe Illustrator, но это совсем другая история.
Приветствие
Прототип слайда 1
Тут всё просто, изображение здоровающихся мексиканцев, ну или почему я люблю фотостки, контакты, лого, название дока и персональное приветствие. Как-бы ничего необычного, именно такой титульный лист большинство людей ожидает увидеть от КП, не будем их разочаровывать.
Но небольшой штрих, чтобы подкупить потенциального клиента, добавим. Это персональное приветствие, но не будь я это я (или как там это правильно сказать?), его мы тоже сделаем по шаблону))) *Слышится демонический смех.
- Ничего святого, как тебя только земля носит? Да за такие дела тебя ждёт специальное место в аду!
- Вы абсолютно правы, это место - трон!!!
Шаблон будет такой:
Здравствуйте, Username
Нам очень интересна ваша задача ________. У нас есть опыт работы в ___________. Рады сотрудничеству!
Пример:
Здравствуйте, Имя клиента
Нам очень интересна ваша задача по разработке крупного интернет-магазина одежды. У нас есть богатый опыт работы в крупных проектах электронной коммерции. Рады сотрудничеству!
Согласитесь, это определенно подкупает, а также уменьшает страдания того человека, который вынужден будет составлять КП. Как Invite, просто добавь воды! Олдфаги прослезились)))
Структура сайта
Этот слайд придётся придумывать с нуля, тут шаблон не придумаешь, но я не удивлюсь, если позже для почти одинаковых проектов будут использовать одно и то же с минимальными изменениями.
Слева будет структура страниц и блоков будущего сайта, а справа нужно пересказать “хотелки” клиента своим языком, возможно немного техническим,но не в “переводе Гоблина”)))
Пример:
Сайт для ТЦ “Название ТЦ” планируется построить по принципу «Быстрого доступа», когда клиенту для поиска целевой информации потребуется минимум времени и кликов мышкой. Несмотря на это, различные wow-эффекты, такие как фоновое видео, интерактивный план каждого этажа и 3D-тур, сделают доступ к полезной информации для Ваших клиентов не просто быстрее, но и увлекательнее. А промо-видео о ТЦ в социальных сетях очень быстро поднимет популярность торгового центра среди населения, сделав его «точкой притяжения» в молодежных кругах.
Картинку тоже можно будет подбирать под направление деятельности компании, но как-бы не суть, хотя я бы заморочился, правда никто не оценит.
Меня до сих пор смущает такая структура, несмотря на то, что я скорее поддерживал её, чем не поддерживал, плюс её одобрил заказчик, поэтому так))). Дизайнеру, также придёться придумать удобное и не замороченное отображение такой структуры, а про составителя КП я уж и молчу. Минусы есть, они даже весомые, с одной то стороны, но в любом случае, это неплохая идея и она показывает потенциальному клиенту, что ради него сидел и страдал какой-то менеджер, придумывал что-то, а не отправили заурядную писанину на отвали.
Особенности сайта
Тут уже вступает в игру его величество Шаблон. Почему с большой буквы, спросите вы? А потому что я уже в прототип добавил примерные текста, показывающие какого плана блоки тут будут.
Можно указывать используемые CMS, интеграцию с определенными CRM, импорт и экспорт товаров в xls или csv, какие-нибудь модули, типа пакетного редактирования товаров и много чего другого. И, как ни крути, от проекта к проекту всё это будет повторяться, так зачем изобретать велосипед каждый раз? Как соберётся коллекция из 20-30 таких ключевых особенностей, можно будет собирать свои “уникальные” слайды с особенностями так же просто, как Ctrl+С - Ctrl+V.
Всё же так было задумано не на пустом месте, дело в том, что таких особенностей ограниченное количество, именно важных, на которые стоит обратить внимание. И для всех интернет-магазинов 90% особенностей будут общие, для корпоративных сайтов свои, но также в процентном соотношении общие, плюс что-то будет пересекаться.
Цены
Вопрос сложный, можно наворотить графоний, можно не натворить, поэтому варианта 2. Один с прикольной идеей, второй просто табличка с ценами.
Тут всё как-бы понятно, наименование услуг, цены, а вот срок показан закрашенными клетками, которые наглядно показывают не только длительность работы, но и когда примерно это будет начато, когда закончено, и что будет выполняться параллельно.
Причём градацию клеток можно будет указывать отдельно “в легенде”, расположив её на видном месте. Потому что количество клеток может быть любое, но разумнее всего от 15 до 30, важно соблюсти баланс между реалистичностью и трудозатратами, я бы порекомендовал 30. Для несложного сайта клетка -день, для более сложного уже 3 дня.
Если немного развить эту мысль, то можно сделать не клеточками, а, например, полосками. Простите, линейковидными шкалами))).
Вот вами пример:
Второй вариант просто таблица с ценами, тут даже расписывать не имеет смысла, насколько всё обыденно.
Тут уже есть место под спец предложения, призывы к покупками и прочее. Забегая вперёд скажу, что место для этого необходимо предусмотреть в любом случае, ведь какая бы крутая студия не была, как бы они не считали, что за ними бегают, а из окна видна километровая очередь из клиентов, в каждом первом предложении нужно обязательно указать что-то типа: “Закажите до такого-то числа и получите ручку/лошадь/скидку на колбасу в подарок”.
Как правило и не один раз, потому что понты понтами, а клиент избалован и нужно его чем-то задобрить.
Отдельно я бы упомянул, что информация вроде для каждого клиента уникальная в теории, но на практике для однотипных сайтов будет незначительно меняться только итоговая стоимость, поэтому получается такой вот индивидуальный прайс многоразового использования))) А это еще немного сэкономленного времени в копилочку, ведь время - деньги. Ну и бонусом плюсик к карме и нашему ЧСВ)))
Дополнительные продажи
Такой блок просто необходим, как показала практика. Если у вас заказали что-то, то важно показать клиенту, что он может также заказать и некоторые другие услуги. Это происходит от того, что клиент как правило заказывает сайт в одном месте, продвижение в другом, даже не так, каждый вид рекламы в разных местах. Либо он не знает, что вы можете предложить ещё. Как бы то ни было, тут опять выходит на сцену его величество Шаблон.
И будет хорошим тоном сразу сделать в отдельном месте шаблоны под все услуги, которые есть в компании.
Цены тут указывать не нужно, так как цены формируются исходя из условий задачи, потому как бюджет той же самой контекстной рекламы для различных сегментов рынка может серьёзно отличаться друг от друга.
Промежуточный итог
Как ты, дорогой читатель, устал? Но пока мы разобрали добрую половину нашего прототипа, что уже немало, согласись? В любом случае день клонится к закату и огромное обнаглевшее солнце, предчувствующее летнюю силу, нещадно светит мне в лицо своим оранжевым огненным бочком.
Поэтому не прощаюсь, а беру паузу, чтобы мы смогли восстановить силы для новых свершений. В следующий раз, по традиции, без регистрации и sms мы продолжим разбирать прототип коммерческого предложения и подведем итог.
Если кому интересно, у меня есть instagram, и я не дублирую посты, в инсте я заморачиваюсь по фоточкам и иногда видосам.