КАК СДЕЛАТЬ САЙТ. ПРИМЕР ТЗ НА САЙТ - 11 СПОСОБОВ СЭКОНОМИТЬ ДЕНЬГИ, ВРЕМЯ, А, ГЛАВНОЕ, НЕРВЫ.
"Хороший такой сайт сделать... Ну, чтоб продавал... мой товар... всем тем, кому нужен мой товар!" может стоить и 200 тысяч рублей, делаться и 2 месяца, а получиться хуже, чем сайт за 20 тысяч рублей за 1 неделю, сделанный по качественному ТЗ на 3-4 листа А4.
Чтобы сэкономить деньги, время и нервы, рекомендуем проверить:
| Что сделать | Зачем | Как проверить |
| 1. Определить целевое действие, которое вы ждете от посетителя сайта и акцентировать внимание посетителя на этом действии + максимально упростить ему возможность совершить это действие (например, если целевое действие "позвонить" - напишите свой номер телефона крупным контрастным шрифтом, зафиксируйте его при прокрутке экрана, чтобы он всегда был виден; целевое действие "заполнить форму заявки" - сделайте форму крупной, кнопки сделайте крупными, яркими). | Чтобы повысить конверсию сайта (вероятность совершения посетителем сайта необходимого вам целевого действия). | Показать прототип сайта / сайт, когда он будет сделан (молча, без своих комментариев) независимому человеку (в идеале ребенку в возрасте 5-7 лет), спросить, понимает ли он, про что сайт и какого действия от посетителя вы ждете; спросить его мнение, возникает ли у него желание совершить это действие. |
| 2. Проработать первый экран (фоновая картинка, вызывающая однозначные ассоциации с тем, чем вы занимаетесь, с вашим продуктом; заголовок крупным контрастным шрифтом и т.д.), чтобы передавать основные смыслы по то, кто ваша целевая аудитория, какую ценность вы ей несете, почему эту ценность ей стоит покупать именно у вас, почему она должна вам доверять. | ||
3. Проработать дизайн - вызывает ли он доверие к компании, как к серьезному партнеру:
|
||
| 4. Usability - насколько структура сайта логична, насколько интуитивно понятна и удобна навигация (какую информацию может искать посетитель в первую очередь - насколько легко сориентироваться, куда нужно нажать, чтобы найти эту информацию; сколько кнопок нужно последовательно нажать, чтобы добраться до искомой информации; насколько удобно нажимать на кнопки, насколько они большие - особенно в мобильной версии) |
Технические аспекты
| Что сделать | Зачем | Как проверить |
| 5. Предоставить исполнителю все исходные данные (доступ к домену и хостингу, на который выкладывать сайт, доступ к электронной почте, к которой привязывать заявки, доступ к электронным почтам, к которым привязывать счетчики Яндекс Метрики / Google Analytics) и материалы (тексты, видео, картинки...), структурировав их понятным и удобным для будущего исполнителя способом.
Минимизировать количество формулировок, которые могут иметь двоякую трактовку / количество вопросов, над решением которых исполнителю придется думать самостоятельно (например, вместо "поблагодарить посетителя после того, как он отправит нам свои данные для обратного звонка" лучше написать "после того, как посетитель отправит нам свои данные для обратного звонка, должно всплывать popup окно с надписью "Спасибо, что заказали обратный звонок. Наш менеджер свяжется с вами в самое ближайшее время"; вместо "красивую стильную элегантную Корзину" - "Корзину, как на сайте ..., но только снизу с блоком "Вместе с этим товаром часто покупают", как на сайте ..."). В идеале - предоставить прототип сайта - эскизы страниц сайта, на которых будут схематично изображены блоки, кнопки, картинки, будут написаны тексты (или темы и примерные объемы текстов, если вы в том числе заказываете копирайтинг). |
Экономим время исполнителя - снижаем стоимость и сроки реализации сайта для нас. | Самостоятельно пройтись по ТЗ, будто это вы исполнитель - проверить наличие всех исходных данных и материалов, проверить однозначность трактовки всех пунктов ТЗ. |
| 6. Акцентировать внимание исполнителя на необходимости CMS системы ("админки", из которой вы без навыков программирования сможете менять контент на сайте - картинки, тексты) и возможности из нее менять:
- все тексты, все фоновые картинки и т.д., - менять последовательность расположения блоков и контента (например, последовательность логотипов ваших прошлых клиентов в портфолио), - "title", "keyword", "discription" мета-теги, alt-атрибуты картинок (вам будет нужно для SEO). |
Чтобы не зависеть от исполнителя и не платить ему дополнительные деньги всякий раз, когда потребуется изменить пару фраз на сайте. | Когда сайт будет сделан, проверить, насколько понятно и логично реализована "админка", проверить возможность изменять весь контент из админки. |
| 7. Акцентировать внимание исполнителя на необходимости "кроссбрайзерности" (корректное отображение в Opera, Chrom, Mazila, Яндекс браузер и т.д.) "адаптивной верстки" и "мобильной версии", чтобы сайт подстраивался под размеры экрана, на котором его открывают (настольный монитор - 1 600 х 992, ноутбук - 1 280 х 802, планшет 768 х 1 024, смартфон - 320 х 480) без потери качества (корректность отображения, отсутствие наложений друг на друга блоков, картинок, текстов и т.д.). | Чтобы не терять 19% (исследования Яндекса) аудитории, которая пользуется только мобильными устройствами, и часть 52% аудитории, которая пользуется и компьютерами, и мобильными устройствами. | Когда сайт будет сделан, открыть его в брайзере google chrom, поизменять его размеры, двигая край окна мышкой; открыть сайт на мобильном устройстве. |
| 8. Акцентировать внимание исполнителя на необходимости привязывать счетчики Яндекс Метрики / Google Analytics (чтобы иметь возможность анализировать трафик на сайт и поведение посетителей на сайте).
Возможно, привязать колл-трекинг (чтобы иметь возможность отслеживать не только рекламные каналы - источники оставленных заявок, но и рекламные каналы - источники входящих звонков), CRM-систему (чтобы автоматизировать и упростить работу менеджеров по продажам + чтобы собирать сквозную аналитику рекламный канал - продажи). |
Чтобы иметь возможность на основании собираемой статистики оптимизировать сайт (повышать конверсию из переходов на сайт в входящие заявки/звонки) и рекламные каналы (реинвестировать рекламный бюджет из менее эффективных рекламных каналов в более эффективные). | Когда сайт будет сделан, проверить корректность работы всех настроенных целей в Яндекс Метрике / Google Analytics (например, если мы на каждую кнопку ставим свою цель - нажать каждую из кнопок. проверить корректность срабатывания целей) + корректность работы прочих интегрированных с сайтом систем. |
| 9. Акцентировать внимание исполнителя на необходимости оптимизировать сайт для снижения скорости его загрузки (например, вначале загружать текст, чтобы посетитель сразу мог начать пользоваться сайтом, а уже потом "тяжелые" визуальные эффекты; загружать не весь сайт целиком, а только первый экран, а потом делать динамическую подгрузку страниц, которые открывает посетитель; оптимизировать изображения и т.д.). | Чтобы снизить отказы - когда посетитель отказывается ждать, пока ваш сайт загрузится (по статистике, если ваш сайт грузится больше 3 секунд, вы теряете от 40% конверсии). | Проверить сайт в https://www.google.com/webmasters/tools/mobile-friendly/?hl=ru |
| 10. Если у вас на сайте будут формы захвата - добавить на сайт текст согласия на обработку персональных данных, описать "Политику в отношении обработки персональных данных", указать e-mail для обращений пользователей по вопросам персональным данным. По-хорошему, стоит подать уведомление об обработке персональных данных в Роскомнадзор по ссылке и помимо всего прочего указать там адреса местонахождения баз персональных данных и перечень персональных данных, которые в них содержатся + поставить на сайте дисклеймер, который будет уведомлять посетителей сайта, что его персональные данные обрабатываются на сайте в целях его функционирования и, если он не согласен, то должен покинуть сайт. | Чтобы избежать риск штрафа до 75 000 руб. по Федеральному закону от 07.02.2017 № 13-ФЗ. | Изучить закон и его расшифровку экспертами, определить, что необходимо сделать именно вам в зависимости от того, обрабатываете ли вы персональные данные, и, если да, то как и какие. |
Человеческий фактор
| Что сделать | Зачем | Как проверить |
| 11. Разбить проект на максимальное количество этапов, по каждому из этапов прописать результаты с наблюдаемыми измеримыми критериями качества результатов (например, вместо "сайт должен выдерживать большие нагрузки" необходимо написать конкретнее "сайт должен выдерживать не менее 1 000)и сроки + продумать стратегию поведения, если исполнитель даже с нескольких попыток не может предоставить результат необходимого качества или если он "забыл / запил / забил" и срывает сроки.
Например, можно воспользоваться услугой "безопасная сделка" (вы резервируете деньги за проект предоплатой, исполнитель делает проект, если вы принимаете проект - исполнитель получает деньги постоплатой) и прописать в условиях невыплату денежных средств исполнителю в случае срыва сроков. Правда, в случае с "безопасной сделкой" и вы, и исполнитель переплачиваете комиссию в пользу биржи фрилансеров. |
Чтобы иметь возможность как можно быстрее - еще на промежуточных этапах - объективную оценить профессионализм исполнителя и, если он не справляется, закончить с ним отношения с минимизацией потерь денег, времени и, главное, нервов. | Прописать это в договоренностях с исполнителем. |
P.S. Критерии качества
Не знаю, можно ли с первого раза сделать сайт с максимальной конверсией (хотя мне как-то повезло так сделать сайт с конверсией 37% - там была идея геймификации обучения - юмористически оформленный квест по поиску своего предназначения за 5 дней) - нужно придумывать варианты для АВ тестов и тестировать. Вопрос в том, чтобы додуматься, что тестировать и придумать сильные варианты для теста (тестируя варианты на 2-4% конверсии, 8% конверсии не получить).
Например, компании Numara редизайн сайта и увеличение шрифта и интервалов между строками снизили % отказов на 19%, увеличили количество просматриваемых страниц на 24%, конверсию сайта на 133% и объем продаж на 330 000 $ в месяц, при сокращении рекламных бюджетов в 2 раза.
Другой компании сопоставимый эффект дала замена заголовка с "Продажа бухгалтерских услуг" на "Оптимизация налогов за % от оптимизируемого" - 980 000 руб. прибыли в первые же 2 недели!
Вам нужна помощь в формировании ТЗ на сайт?