Методичка по работе с клиентами. Для начинающих менеджеров веб-студий / Хабр

Методичка по работе с клиентами. Для начинающих менеджеров веб-студий / Хабр

4 варианта создания структуры сайта

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

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

  1. Сайт-визитка

    Обладает самой простой структурой. Как правило, состоит всего из двух уровней: главной страницы и остальных.Сайт-визитка

  2. Коммерческий сайт

    Такой ресурс должен решать более сложную бизнес-задачу, чем знакомство с компанией. Поэтому понадобится и более разветвлённая структура с дополнительными уровнями страниц. Например, основные страницы можно посвятить главным направлениям работы предприятия, а подразделы – более узким сферам деятельности. Такое решение оптимально для компаний, оказывающих услуги, или любых других коммерческих организаций. Однако функция интернет-торговли здесь не предусмотрена.

  3. Информационный портал и блог

    Здесь многоуровневость создается с помощью разделов, которые состоят из отдельных страниц. На эти страницы невозможно попасть из главного меню. Это основное отличие информационного сайта от коммерческого, на все подстраницы которого можно перейти из меню. Исключение – страницы со статьями. Иногда доступ к ним делают не только из меню, но даже с главной страницы.

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

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

  4. Интернет-магазин

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

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

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

У разделов каталога сайта могут быть как одинаковые фильтры, так и разные. Здесь все зависит от специфики реализуемой продукции.

Важность призыва к действию в структуре сайта

Какой бы ни была структура сайта, схема обязательно должна предусматривать призыв к действию. Как правило, он размещается в тексте несколько раз. Первый – сразу после специального предложения. Второй раз – в середине текста. Третий – в конце. Если текст длинный, призывов к действию может быть и больше. Они могут быть сформулированы одинаково или по-разному в зависимости от общего контекста статьи.

Иногда призывы делают двойными, например, «Купите товар и оформите подписку». Или добавляют предложение о выгоде: «Запишитесь на консультацию. Первая бесплатно!». Или ограничивают срок действия предложения: «Купите новые шины. Только сегодня скидка 20 %».

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

Когда товар дорогой или сложный или продажи осуществляются в В2В-сегменте, процесс принятия решения о покупке может занять долгое время. Призывы к немедленному действию здесь не сработают. Поэтому продавцы делают акцент на общение с клиентами и установление с ними крепкой эмоциональной связи.

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

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

Видео

Опубликовано: 27.03.2021

Автор:

Макс Крюков

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

§

Опубликовано: 15.02.2021

Автор:

TDM Lab

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

§

Опубликовано: 27.03.2021

Автор:

Макс Крюков

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

Внешняя структура сайта

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

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

Итак, что мы все ожидаем увидеть на сайте?

  • Хедер. Шапка в верхней части страницы, где слева расположен логотип, клик по которому возвращает нас на Главную. Дальше идет горизонтальное меню с основными разделами и способ связи: телефон или e-mail.
  • Сайдбар. Боковое меню. Может быть и справа, и слева. Здесь размещают элементы навигации, вспомогательную информацию, все, что способно задержать посетителя на сайте и увести его вглубь.
  • Центральный блок. Собственно, то мясо, ради которого пользователь пришел на сайт. Основная информация должна быть читабельна, по-человечески сверстана и располагаться на первом-втором экране. Не надо длинных подводок в стиле «Вода — это жидкость для питья, состоящая из атомов водорода и кислорода», если вы занимаетесь развозкой бутылей для офисных кулеров.
  • Футер. Подвал в самом низу страницы. Здесь находятся контакты, навигация, правовая и дополнительная информация, кнопки социальных сетей.

Дополнительные фишки в структуре сайта

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

  • Сценарии использования товара

    Примеры того, как можно использовать товар, могут положительно повлиять на его продажи. Форма подачи информации стандартная: заголовок, описание и фото или видеоролик.

  • Форма подписки

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

  • Расписание события

    Используется, если сайт посвящен мероприятию, протяжённому по времени и состоящему из отдельных этапов. Как правило, расписание оформляется как таблица или таймлайн. Если в событии принимает участие несколько спикеров, желательно разместить их ФИО и фото.Расписание события

  • Счетчик обратного отсчета

    Его основное предназначение – показать, сколько времени осталось до окончания срока действия, например, специального предложения. Счетчики мотивируют потенциальных потребителей быстрее принимать решение о покупке. Как правило, расположены в категории «Обложка».

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

  • Видеоконтент

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

  • Тезисный список преимуществ

    Как правило, блок «Наши преимущества» имеет три-четыре позиции с описанием и фото. Здесь же речь идет именно о тезисной подаче, то есть пользователям предлагается список из пяти и более пунктов. Примеры заголовков: «7 причин выбрать наш ресторан», «Почему модницы выбирают наши сумки» и т. п.

  • Истории успеха клиентов

    Ничто так не мотивирует к покупке, как истории успеха других людей. В публикациях должно рассказываться о том, как люди добились поставленной цели благодаря продаваемому на сайте продукту. Хорошо, если герои историй будут совершенно не похожи друг на друга, как и их достижения. Это наглядно продемонстрирует диапазон использования продукта. Для некоторых сегментов бизнеса актуальны будут фотографии из разряда «до и после».

  • Всплывающие окна

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

  • Факты роста в цифрах

    Цифры наглядны, легко воспринимаются и запоминаются, привлекают внимание. Оптимально разместить 3-4 факта, выраженных числами, с кратким описанием каждого.

  • Кнопки обратной связи

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

  • Меню

    Здесь есть два варианта. Первый – залипающее меню со ссылками к основным разделам сайта. Второй – боковая навигация с точками. Она не отвлекает внимание пользователей, но в то же время позволяет быстро попасть в нужное место.

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

  • Иконки социальных сетей

    Бывают двух видов: со ссылкой на профиль компании и на шаринг. Иконки могут располагаться в шапке главной страницы, в контактах, во всплывающих окнах.

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

  • Мотивирующая фраза

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

Сейчас ищут техподдержку:  Ведение сайта стоимость в месяц и цены в Москве!

Контакты

Это также одна из самых важных страниц структуры сайта. От того, легко ли ее найти и как она оформлена, зависит эффективность коммуникации с пользователями. Если у компании несколько каналов связи, то, как правило, приоритетные размещаются в шапке сайта, а остальные в «Контактах».

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

Если у компании несколько городских номеров или почтовых ящиков, необходимо обозначить, какой за что отвечает. Также на странице «Контакты» должен присутствовать распорядок работы фирмы и период, в который принимаются звонки.

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

На встрече

Одеться лучше так, чтобы соответствовать их ожиданиям. Костюм совершенно не обязательно, но главное не «по-распиздяйски». Побрит, голова чистая, руки отмыты от крови. Особенно женщины на это всегда смотрят. С женщинами — смотрим в глаза и сдержанно демонстрируем восхищение. Говорим неторопливо, грудным голосом в режиме №2.

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

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

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


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

Еще очень желательно выяснить, откуда пришел клиент, по чьей рекомендации. Чтобы забить в смету — хотя бы 10% для приведшего. Как говаривал Ямамато Дзиньемон — главное для самурая — хорошие соратники.

Расценки гдето такие


Корпоративный сайт — минимально интересная _____евро. В среднем фирмы готовы платить где-то ____- _____евро.

Инет- магазины — минимально интересная цена _____евро.

Графический дизайн — минимально _____евро.

Проггинг и флеш и 3Д — нада на оценку нести


Здесь есть одна мысль — цена не зависит от разработки, больше от платежеспособности клиента. Соответственно, надо искать жирных клиентов.

Оплата

Обычная схема оплаты 25% — 60% — 15%

предоплата — 25%

после принятия дизайна и подписание акта принятия дизайна — 60%

в конце — 15%

Схема рассчитано на то, чтобы в любой момент разрыва договора по каким-либо причинам — мы не были в минусе


Схема работы следующая

  • Согласовываем сметусроки
  • Готовим ТЗ, согласовываем.
  • Подписываем договор
  • Берем предоплату — 25 — 30%
  • Схема работы по дизайну обычно следующая. Делаем первый принципиальный макет дизайн сайта ( обычно титул)
    • В случае, если нравится все, но не нравится что-то — корректируем до удовлетворения. Потом разрабатываем остальные страницы шаблоны
    • В случае, если не нравится ВООБЩЕ — делаем полностью новый макет с новоц модульной сеткой в новом стиле. Сдаем заново.
      Если не проходит второй макет — значит клиент клинический и тут проще разойтись — разрываем договор, предоплату оставляем себе. Если проходит — смотри пункт первый. Ставим двойку менеджеру ) — не увидел клинику, либо неправильно объяснил дизайнеру задачу.

  • После подписываем акт о принятии дизайна, подписываем макеты.
  • Верстка
  • Программирование
  • Тестирование и наполнение
  • Перенос на сервер заказчика.
  • Регистрация в поисковых системах и каталогах
  • Поддержка ( о ней выше)
  • После встречи
    Крайне желательно написать клиенту письмо «по результатам встречи», где резюмировать все о чем говорили, чтобы никто ниче не забыл и не передергивал. Копию на клиента и на себя и на студию, чтобы было, что вспомнить.

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

(пока конец, действия основаны на реальных событиях)

если понравится — напишу дальше по тз и смете

Опросники — это зло


Первая проблема опросника лежит в его природе: он требует

выбрать из предложенных ответов

. Учитывая квалификацию составителей опросников, предложенные варианты часто не позволяют выбрать нужный вариант или просто непонятны клиенту. Например, встречаются вот такие ответы на вопрос «Выберите тип дизайна»:

  1. презентационный промо-сайт (мало текста, много графики),
  2. информационно-представительский (много графики и информации, информации в очень кратком виде, но примерно 50% от всего содержания главной страницы),
  3. информационный (мало графики, много текста, информация в подробном виде).

Это вообще что? Как можно из этого что-то выбрать, и с какой стати клиент должен это делать? Разве он не для того нанял разработчика, чтобы тот принял правильные решения, в том числе, и касающиеся дизайна?

Или предлагается отметить галочкой вот такое требование: «На веб-сайте должна быть представлена простая и удобная навигация по страницам». Что должен ответить клиент? «Нет! Только не удобная навигация по сайту, умоляю!»

А что клиент должен выбрать в ответ на вопрос «Выберите браузеры»? Мне, пожалуйста, Mozilla и IE, а Opera и Chrome, наверное, не надо. Так должен клиент ответить?

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

Приведу несколько примеров таких вопросов:

  • Нужна ли вам заставка: Да/Нет?
  • Выберите шаблон дизайна: Две колонки/Три колонки.
  • Где должно располагаться информационное поле: Слева/Центр/Справа/Pop up.
  • Определите структуру главной страницы — это открытый вопрос без вариантов ответа.

Кстати, все эти вопросы взяты мной из реальных опросников. Меня убил наповал № 3, где есть вариант ответа «Pop up». Занавес.

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

План интервью


Что, собственно, нужно спрашивать. Предлагаем рассмотреть план интервью для наиболее распространённого типа сайта — корпоративного представительства. Задачи этого интервью:

  1. Чётко сформулировать, какие задачи сайт должен решать.
  2. Подробнее узнать о клиенте.
  3. Понять, какая информация должна быть на сайте: в каком виде и объёме она должна/может быть представлена.
  4. Понять, как мы будем персонализировать* сайт — подстраивать его под клиента.

* Уточню, что под персонализацией я понимаю все действия, которые разработчик совершает, чтобы сайт из конструктора и набора шаблонов однозначно идентифицировался с клиентом — то есть не только изменение функциональности, но и работа со стилистикой и контентом.

Что нужно узнатьВопросы
Какие задачи сайт должен решатьДавайте определим, зачем вам нужен сайт, какие задачи он должен решать.
О клиенте/бизнесе
Информация о клиенте1. Расскажите о том, чем занимается вы/ваша компания: какие услуги или товары предлагаете.
2. Расскажите о ваших клиентах: о её потребностях, особенностях поведения, как они вас оценивают.
3. Как вы продаёте ваши услуги/товары вашим клиентам? Опишите процесс продажи: на чём вы делаете акцент, какие ваши преимущества перед конкурентами.
4. Кто ваши конкуренты?
О сайте
Какая информация должна быть на сайте; в каком виде и объёме она должна/может быть представлена1. Какая информация — о вас, ваших товарах/услугах — по вашему мнению должна быть на сайте? (именно информация, не структура!).
2. Как и насколько подробно мы будем описывать товары/услуги? Предоставьте примеры описания ваших товаров/услуг.
3. Что из этого у вас есть, а что нужно будет создать? Можете ли вы предоставить нам примеры контента?
Уточнить характер персонализации1. Есть ли у вас фирменный стиль?
2. Если нет, то какие есть пожелания к оформлению?
3. Покажите примеры сайтов, которые вам нравятся.

Итак, основная

задача

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

Публикация ваших материалов на сайте

1) Понятие сложности устройства относительное, поэтому приведем примеры классификации сложности схем:

простая схема

,

средняя

,

сложная

.

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

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

4) Дополнительное вознаграждение по данному пункту засчитывается если к статье прилагается исходник файла печатной платы (lay, eagle, pcb и т.п., плюс PDF), а не графический формат (gif, jpg, png, pdf).

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

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

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

8) Список должен быть полным и учитывается при количестве элементов не менее 5.

9) Приоритетными на текущий момент являются статьи по одной из тем:

   а) промышленная электроника, электрика. Сюда относятся ПЛК, ЧПУ, электрика

   б) альтернативные источники энергии: ветрогенераторы, солнечные батареи

   в) контроллеры и платы ARM, STM32, MSP430, .NET MicroFramework, ПЛИС, Arduino, Galileo, Raspberry Pi (только сложные проекты, т.е. подключения датчика, LCD и т.п. таковыми не являются)

   г) металлоискатели

   д) роботы и РУ модели

Разработка сайта — от первой встречи с заказчиком до сдачи проекта, или как быть фрилансером и выжить

Привет, Хабр!

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

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

Я попробую описать весь процесс создания сайта с собственной и, как мне кажется, более приближенной к жизни для большинства точки зрения. Просто в один момент я решил уйти из компании, где я работал по найму, и начать делать своё дело — без стартового капитала, офиса и какого бы то ни было прикрытия «пятой точки»; разве что отсутствия острой необходимости в съеме жилья и наличия питерской прописки.

Кому интересно — добро пожаловать под кат!

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

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

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

Итак, вот она, моя схема работы над новым проектом:

  1. Знакомство
  2. Первая встреча, обсуждение проекта
  3. Бриф и коммерческое предложение
  4. Вторая встреча, подписание договора, предоплата 30%
  5. ТЗ, его утверждение
  6. Макет главной страницы, его корректировка и утверждение
  7. Макеты остальных страниц сайта на основе стилистики, заданной главной страницей, их корректировка и утверждение
  8. Предоплата 30%
  9. Верстка и программирование. Приемка и утверждение результатов работы
  10. Третья встреча, оплата оставшихся 40%, обучение работе с админкой (при необходимости), закрытие работ по договору
  11. Перенос сайта на «боевой» хостинг

Рассмотрим этапы более подробно.

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

Итак, вы познакомились с человеком, которому очень нужен сайт. Узнайте примерно, что ему нужно и сможете ли вы ему с этим помочь, а потом сразу назначайте встречу. Сколько бы не было разговоров о том, что сейчас 21-й век, есть Skype, все можно решить удаленно и т.д. — непосредственный контакт очень важен. Чтобы заказчик в вас поверил и не побоялся выделить вам предоплатных денег, вы должны произвести на него хорошее впечатление.

Я люблю проводить встречи в хороших кафе и ресторанах в центре города. В заведении должно быть не шумно и желательно наличие Wi-Fi. Такие заведения расслабят и вас, и заказчика, переведут общение на более непринужденный лад, вы спокойно все обсудите и поймете, что заказчик хочет от вас. Противоположностью является встреча в середине дня в офисе заказчика. Он, как правило, весь с головой в своей ежедневной рутине, его постоянно отвлекают, и конструктивный диалог бывает наладить очень сложно. С таких встреч, если они все же происходят, я всегда выхожу с больной головой.

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

Внимательно выслушайте то, что вам скажет заказчик. Делайте краткий конспект основных его тезисов либо на ноутбуке, либо карандашом в блокнотике. Задавайте уточняющие вопросы. Улыбайтесь, выглядите уверенно. На вопрос о примерных сроках — можете предположить. На вопросы о цене — уклоняйтесь, говорите, что все нужно сначала подсчитать. Выпейте еще чаю, расплатитесь (не скупитесь на чаевые), попрощайтесь с заказчиком и езжайте домой. Дома за чашечкой кофе прочитайте свои написанные за время встречи вирши, запустите свой любимый почтовый клиент и начинайте писать бриф.

Бриф включает в себя краткий текстовый конспект того, что вы обсудили на встрече. По сути, на нем будет впоследствии основываться ТЗ. Оформите его красивым литературным языком, но без «воды» и словоблудия. Написали? Отлично! Теперь самое интересное — коммерческое предложение.

Прочитайте еще раз бриф. Покажите его своим подрядчикам, которые будут с вами делать проект. Пусть назовут свою примерную цену за такую работу. Прибавьте сюда вашу себестоимость как специалиста (дизайнера, в моем случае). А теперь еще раз все проанализируйте и прибавьте коммерческий интерес. При его подсчете исходите из платежеспособности заказчика — и не в плане того, что если он «богатенький Буратино», то можно с него стричь без стыда и совести — наоборот, если вы видите, что он, как и вы, на заре развития своего дела, будет уместным немного «подвинуться» в цене — добродетель это всегда хорошо; учитывайте также и его психологический портрет, который вы должны были составить во время встречи — прикиньте, насколько велика вероятность того, что он будет «мучать» вас необоснованными правками, или просить поставить на главную страницу сайта фотографию своей любимой кошки, добавив ей анимацию сверкающих глаз на JS. Ну а вообще, не продешевите. Работа приносит удовольствие тогда, когда знаешь, что она будет достойно оплачена.

Определились с ценой? Сделайте красиво оформленную PDFку с вашим логотипом (если логотипа нету, не беда, но лучше сделайте или закажите), заголовком типа «Коммерческое предложение на разработку сайта www.domain.com). В теле КП распишите этапы работы над сайтом (наподобие как это сделал я чуть выше). Обязательно должно быть четко понятно, в какой момент и сколько заказчик должен платить! Да, можете в КП включить какие-нибудь бонусы. Обязательно укажите бонусом, что вы готовы провести обучение работе с админкой сайта в количестве стольких-то часов после сдачи проекта. Можете подарить заказчику год хостинга. По деньгам мелочь, а человеку будет приятно.
Да, ну и, конечно же, укажите цену, в которую обойдутся заказчику ваши услуги. К этому моменту она должна четко сформироваться у вас в голове.

Прикрепляйте КП к письму с брифом и отправляйте заказчику. Ждите ответа. Не ответит через день — перезвоните и спросите, получил ли он бриф и КП? Ах, он, оказывается, уезжал в срочную командировку — а мы волнуемся, куда он пропал. Ждем еще! И вот звонит телефон, или в списке писем появляется новая строчка, выделенная жирным.

Далее следуют два варианта развития событий:

1) „Дороговато!“, говорит. „А вы на какую сумму рассчитывали?“, спрашиваем.
а) „Ну, на 20% от той, что вы написали“, отвечает. „Был рад с вами отужинать. До встречи!“ — отвечаем и вежливо прощаемся. Но вообще, такое бывает редко — исключить такие ситуации и призвана личная встреча в кафе, о которой я писал выше.
б) „Примерно на 70-90% от той, что вы написали“, отвечает. Говорим, что перезвоним. Правим ценник в КП, если позволяют возможности. Высылаем. Ждем. Далее следует возврат к варианту „1)“ или переход к варианту „2)“.

2) „Все отлично, работаем“, говорит. Сдерживаем эмоции и договариваемся о второй встрече с предоплатой и подписанием договора.

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

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

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

Теперь самое время писать ТЗ. Откройте бриф, который вы отправляли заказчику. Опишите краткое назначение сайта, его целевую аудиторию, пожелания заказчика по композиции и цветам. Составьте перечень макетов, которые вам (или вашему дизайнеру) предстоит отрисовать. После этого, я обычно беру блокнот с миллиметровой бумагой и рисую карандашом блочные прототипы всех страниц. После этого, я детально описываю для каждой страницы перечень элементов на них и события, происходящие при взаимодействии с ними пользователя. Еще, я отдельно описываю повторяющиеся элементы страниц, такие, как „шапка“ сайта и „подвал“, чтобы каждый раз их не описывать для каждой страницы. Общаясь с программистом, вы наверняка уже определились, какая CMS будет использоваться для сайта. Если в ее админке понадобятся какие-то уникальные модули/страницы, опишите и их тоже. Обязательно напишите пометку, что стилистическое оформление админки сайта остается на ваше усмотрение — если это так, конечно же. Этим вы предостережете заказчика от удивления, что по ссылке domain.ru/admin он увидит стандартные стили Joomla/Wordpress/Ваша CMS, а не тот гиперкосмос, который вы ему нарисовали для front-end части сайта (опять же, если вы не договаривались о другом).

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

Не забудьте написать про то, что сайт будет наполнен тестовым контентом, и что полное наполнение сайта не входит в данное ТЗ (если это так). Наполнение сайта обычно является отдельной работой и выполняется после сдачи сайта в рамках дополнительного соглашения (если заказчик не берет наполнение сайта на себя, что происходит чаще всего).

Старайтесь учесть в ТЗ все мелочи. В случае споров и необоснованных „предъяв“ оно, наряду с договором, будет вашим главным „козырем“ и аргументом. Да и своим подрядчикам вы упростите работу, формализовав абсолютно все детали проекта.

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

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

Далее следует этап отрисовки макета главной страницы. Если вы — дизайнер, то вы и без меня знаете, что делать. Если нет, то отправьте дизайнеру ТЗ и отсканированные прототипы страниц сайта (ну или просто отправьте, если вы их изначально рисовали не на бумаге, а в специальном софте). В дополнение к этому, встретьтесь с ними или созвонитесь и все обсудите дополнительно еще и на словах, чтобы не возникло непоняток.

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

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

Три макета сайта — это тройная работа. Тройная работа оплачивается втройне. Это раз. Даже если попросить дизайнера нарисовать три разных макета, скорее всего он, будучи специалистом в своей области, которому вы доверяете (иначе зачем вы его наняли?) нарисует один правильный и продуманный со своей профессиональной точки зрения макет, и два „высосанных из пальца“. Это два.

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

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

Вернемся к самому макету. Согласуйте с программистом и расскажите дизайнеру, какая будет на сайте использоваться Captcha, какой клон lightbox’a будет открывать картинки, не нужно ли делать формы с jQuery UI? Пусть он сразу использует эти элементы в своих макетах.

Дождитесь макета от дизайнера, но не спешите пересылать заказчику — проверьте, что там всё ровно, аккуратно и соответствует ТЗ. Всё ок? Отправляйте. Пришли правки от заказчика? Сверьтесь с ними и ТЗ. Если все адекватно и в рамках изначальных договоренностей — вносите правки и отправляйте. Как правило, 1-2 итерации правок — и макет главной страницы утверждается.

Аналогичным образом, после утверждения главной страницы, утверждаются и остальные страницы сайта. Не забудьте только в конце попросить дизайнера прислать вам цвета ссылок в hover-состояниях, включить в PSD-файлы кнопки в hover и down состояниях, примеры выпадающих меню и оформление lightbox-окон и других элементов, если таковые у вас используются.

По предоплате работы дизайнера — дело ваше. Я обычно плачу задаток в 50% до начала работ, и оставшиеся 50% после. С программистом и верстальщиком (если он отдельный) — та же схема.

Итак, дизайн утвержден и сделан. Время следующего этапа предоплаты в 30%! Расплатитесь с дизайнером и подкиньте предоплатных деньжат программисту. Отправьте ему ТЗ и PSD-файлы макетов сайта. Тоже встретьтесь/созвонитесь с ним и всё детально обсудите.

Не программисту очень сложно оценивать и отслеживать работу программиста. Тут либо работает, либо не работает. А вот верстку проверить несложно. Снимите в разных браузерах скриншоты сверстанного сайта и наложите их в графическом редакторе на макеты. Не сходится? Покажите это верстальщику — пусть переделывает.

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

Когда я вижу, как некоторые наполняют сайты тестовым наполнением в виде текста „Тест тест тест тест тест тест тест тест тест тест тест тест тест“ и одной и той же „пикселявой“ и „артефактной“ фотографией на все случаи жизни, хочется взять и у… удручающе вздохнуть. Сайт — это продукт, товар, который вы продаете. А товар должен иметь товарный вид, иначе его не купят. Нет желания писать из головы „рыбные“ тексты для тестовых статей и новостей? Для латиницы есть Lorem ipsum, а для кириллицы мне нравится Яндекс.Весна. Разные фотографии для статей и новостей можно найти в Google images.

Сделайте несколько тестовых новостей, тестовых статей. Расставляйте в тексте переносы, табуляции. Разбавляйте большие текстовые блоки ссылками, выделениями жирным и курсивом. Используйте нумерованные списки. Покажите заказчику, что вы старались над его проектом, а не сделали всё „тяп-ляп“ — поверьте, он это оценит!

Всё готово? Не сайт, а конфетка? Кидайте ссылку заказчику, пусть смотрит. Ответьте на все его вопросы. Если возникнут правки — сверьтесь с ТЗ, с утвержденными макетами и примите правильное решение.
Наконец, договаривайтесь о последней встрече, закрывайте работы и забирайте оставшиеся 40% от стоимости сайта. Вы и ваши партнеры их заслужили! И да, не забудьте хорошенько отметить со своими людьми сдачу проекта! Очень правильная традиция.

Что еще хочется сказать?

  • Переносите готовый сайт на хостинг заказчика только тогда, когда получите все деньги. Это простая и уместная защита от непорядочности.
  • Боритесь с ленью, если у вас она есть. Не откладывайте на завтра то, что можно сделать сейчас.
  • Будьте человеком слова. Обещали сдать этап в понедельник? Не успеваете? Расшибитесь в лепешку, обпейтесь кофе, энергетиков, забудьте о личной жизни, но работу сдайте в срок. В крайнем случае, заранее свяжитесь с заказчиком, извинитесь и обсудите новые сроки. Именно ответственных и исполнительных партнеров заказчики рекомендуют своим друзьям и коллегам.
  • Ведите ежедневник. Я использую для этого Google Календарь. Записывайте туда даты встреч, дедлайны и все предстоящие важные события. Дедлайны я крашу в красный, нечто приятное — в зеленый, а неприятные, но важные дела — в болотный. Когда дело выполнено — тут же отмечаю его серым. Соответственно, по прошествии недели смотрю, сколько у меня серых прямоугольников, и если много, значит я — молодец!
  • Читайте всякие самомотивационные статьи и книжки, типа „Тайм-драйва“ Глеба Архангельского. Реально помогает!

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

В общем, я бы с удовольствием подискутировал обо всем этом в комментариях.
Спасибо за внимание!

UPD: И спасибо за инвайт, друзья!

Торговое предложение или оффер

Оффер – заголовок лендинга, торговое предложение, то, что компания предлагает посетителю страницы. Он содержит само предложение и ключевые выгоды.

Как правило, я составляю оффер так:

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

На пересечении этих трех моментов и находится удачный оффер.

Возьмем простой пример: компания предлагает доставку черепицы за 2 дня, скидку в 15 % и бесплатный выезд замерщика. Покупателей интересуют скидки и быстрая доставка. Однако скидки предлагают все. Значит, в оффере должно быть упоминание быстрой доставки.

В оффере лучше использовать конкретные цифры. Не быстрая доставка, а доставка за 2 дня, не низкие цены, а цены от 1 000 рублей, и так далее. Это не всегда возможно, но к конкретике нужно стремиться. Оффер можно дополнить и усилить подзаголовком, раскрывающим предложение.

Если компания может предложить покупателю дополнительные важные выгоды, их стоит разместить ниже оффера в виде маркированного списка или под первым экраном, оформив иконками с подписью.

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

Требования к структуре сайта от яндекса и гугла

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

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

Рекомендации от Яндекса

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

Рекомендации от ЯндексаНельзя сказать, что требования просты. По большей части они касаются не только структуры, но и всего сайта целиком. Однако с предписаниями приходится считаться, так как Яндекс – популярнейший поисковик с огромной аудиторией.

Рекомендации от Google

Этот поисковик лаконичен. В отличие от Яндекса его требования к верстке просты, понятны и занимают всего несколько строк:

  • простая структура;
  • понятная логика URL-адреса;
  • слова, а не идентификаторы;
  • присутствие знаков пунктуации в URL (особенно рекомендуется дефис «-»);
  • короткие и простые URL.
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Оставьте комментарий

Adblock
detector