Процесс разработки веб-сайта, который работает: как получить веб-сайт с профессиональными услугами, который вы хотите

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

Создание высокоэффективного лидогенерирующего сайта может показаться невыполнимой задачей, но если вы начнете с этих трех основных строительных блоков, вы будете на правильном пути: 1) Поддержка руководства вашей фирмы; 2) талантливая команда для ее выполнения и 3) процесс разработки веб-сайта, который улучшит ваш общий пользовательский опыт и стратегию контента и приведет вас к вашей цели.

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

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

Основанный на исследованиях и подтвержденный многолетним опытом и аналитикой , этот процесс работает.

Это кому?

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

Почему веб-сайты профессиональных услуг отличаются

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

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

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

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

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

Почему веб-проекты идут не так

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

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

Слишком много лиц, принимающих решения

Когда дело доходит до принятия решений, больше значит меньше. Чем больше группа, тем больше времени требуется, чтобы разобраться во мнениях и достичь консенсуса. Если группа слишком велика или в нее входят люди с сильными противоположными мнениями, процесс принятия решений может застопориться, фактически положив конец проекту. Лучший подход — собрать небольшую команду из 2–4 человек, которым заинтересованные стороны наделят полномочия управлять процессом и принимать решения от имени большей группы. Можно представить свой прогресс большой группе на двух-трех ключевых этапах пути, но при условии, что это только обновления статуса, а не возможность изменить курс.

Член команды «Торпедо»

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

Ползучесть области

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

Нереалистичные ожидания

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

Скрытые технические требования

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

Агентство, которому не принадлежит процесс

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

Процесс разработки веб-сайта, который работает

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

1. Установите высокоуровневые цели для вашего нового сайта. Например, вы хотите:
   • Увеличить видимость через поисковые системы и соответствующие социальные платформы?
   • Завоевать доверие?
   • Привлечь новые таланты?
   • Генерировать потенциальных клиентов?
   • Создать платформу для идейного лидерства?
   • Увеличить трафик?
2. Оцените текущий веб-сайт вашей фирмы.
   • Что работает, а что нет?
   • Какой контент останется, какой уйдет, а что нужно переписать? Не игнорируйте глубокие области контента, такие как блоги и новости компании.
   • Ваш текущий контент оптимизирован для поисковых систем?
   • Проведите оценку своего контента для идейного лидерства.
3. Решите, какая функциональность нужна вашей фирме и каковы ее требования.
   • Разбейте свои технические требования на два приоритетных списка: ваши «обязательные» и «желательные». Примеры включают интеграцию с CRM, расширенные функции фильтрации или поиска, интеграцию с ATS, блоги/новости/ленты контента и т. д.
4. Запланируйте достаточно времени.
   • Типичные проекты редизайна сайта профессиональных услуг занимают от начала до конца 4-8 месяцев. Создание сложных сайтов для крупных организаций может занять больше времени.
5. Установите реалистичный бюджет.
   • Большинство сайтов профессиональных услуг стоят от 35 до 250 тысяч долларов.
6. Планируйте содержание.
   • Даже если вы не готовы сейчас, планируйте внедрить стратегию контент-маркетинга в ближайшем будущем. Контент-маркетинг никуда не делся.
7. Пропустить запрос предложений.
   • RFP на самом деле усложняют поиск подходящего кандидата. Почему? Во-первых, вы можете не знать заранее, задаете ли вы правильные вопросы. В большинстве RFP они неверны, слишком конкретны или слишком общие.
   • Они затрудняют определение того, что делает реагирующую фирму уникальной.
   • Видите ли, RFP усложняют оценку нематериальных активов фирмы — ее индивидуальности, истинного опыта и других важных качеств. Многие крупные фирмы просто не будут отвечать на RFP. Вместо того, чтобы писать RFP, ищите фирмы, которые соответствуют вашим потребностям — агентства, которые работали с такими компаниями, как ваша, производят высококачественную работу или были рекомендованы уважаемыми коллегами и партнерами.

Выбор агентства

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

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

Поздравляем! Вы выбрали агентство – что теперь?

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

1. Открытие проекта
   • На этом первоначальном совещании должны присутствовать все лица, принимающие решения.
   • Вам будет предложено четко определить цели для веб-сайта.
   • Обсудите технические требования к сайту и определите дальнейшие шаги. Рассмотрите сторонние интеграции, такие как CRM, автоматизация маркетинга, системы управления персоналом, интранет или другие внутренние системы.
   • Обсудите эстетические предпочтения и рекомендации по стилю (если таковые имеются).
   • Обсудите контент, обмен сообщениями и цели SEO.
   • Обсудить аналитику. (Будьте готовы поделиться своими учетными данными для входа в систему аналитики и провести исследование с командой агентства до старта.)
2. Конкурентная среда
   • Определите веб-сайты основных конкурентов, чтобы команда дизайнеров могла представить ваш сайт в другом визуальном направлении.
   • Оцените их пользовательский опыт.
   • Просмотрите их услуги и разбивку рынков.
3. Разработать новую архитектуру сайта (или карту сайта)
   • Старайтесь, чтобы структура и навигация вашего сайта были простыми и понятными. Не заставляйте посетителей гадать, что означает кнопка навигации или куда она их приведет.
   • Рассмотрите возможность добавления блога, если у вас его нет. Экспертный контент — это двигатель, который привлекает новый трафик и потенциальных клиентов.
   • Рассмотрите возможность добавления раздела библиотеки или ресурсов. В этом разделе будет размещен ценный контент, который вы используете для привлечения посетителей и создания списка.
   • Заблокируйте карту сайта перед началом проектирования.
4. Разработайте творческое задание
   • Определите, какие элементы будут отображаться на ключевых страницах, начиная с главной.
   • Сформулируйте творческое направление сайта.
   • Опишите творческие или функциональные характеристики, которых вы хотели бы избежать.
5. Начните процесс написания заранее
   • Чем больше живого текста смогут работать дизайнеры, тем более «реальными» будут казаться концепции дизайна — и тем легче будет их оценить. Это означает, что писателю нужно будет сразу же приступить к работе над ключевыми фрагментами текста.
   • Начните с главной страницы. Обратите особое внимание на заголовки, которые выражают ваше позиционирование и ключевые сообщения.
   • Важно, чтобы ваша команда вместе оценивала обмен сообщениями и элементы дизайна. Таким образом, вы можете получить полный пользовательский опыт.
6. Разработайте 2-3 начальных подхода
   • Разные агентства используют разные подходы к определению первоначального направления дизайна сайта. Некоторые начинают с каркасов, чтобы отобразить каждый тип страницы, прежде чем заполнять детали. Другие представляют доски настроения, чтобы установить эстетические границы проекта. Тем не менее, другие агентства сначала займутся главной страницей, используя ее в качестве визуального ориентира для остальной части сайта. Кроме того, некоторые агентства на этом этапе также разработают одну или две подстраницы.
   • В идеале ваше агентство сможет предоставить объективные данные для поддержки ключевых дизайнерских решений. Например, они могли узнать из вашей Google Analytics, что большинство посетителей просматривают ваши страницы лидеров, и в результате агентство может порекомендовать вам размещать ключевых людей на вашей главной странице.
   • Если вам представили несколько концепций дизайна, одна из них должна немного раздвинуть границы и бросить вам вызов, чтобы вы использовали более смелый подход. Другие концепции могут быть более консервативными, но избегайте общих клише. Несмотря ни на что, каждый подход должен визуально отличать вашу фирму.
7. Выберите подход к дизайну
   • Если команда дизайнеров выполнила свою работу и выслушала вас, у вас должен быть хотя бы один визуальный подход, который кажется правильным. Даже если вы еще не довольны им на 100%, выберите этот дизайн в качестве основы для будущих изменений. Конечно, если все концепции не соответствуют действительности, вам, возможно, придется вернуться к чертежной доске. Просто будьте готовы предоставить конкретную обратную связь, которую команда может использовать для разработки нового подхода.
   • На этом этапе не слишком увлекайтесь образами — они всегда могут измениться. Вместо этого рассмотрите достоинства дизайна в целом.
   • В большинстве случаев вы должны быть в состоянии получить общее утверждение проекта в течение 1 или 2 раундов изменений.
8. Дизайн оставшихся макетов страниц
   • Если у вас нет особенно сложных страниц (таких как корзина покупок или пользовательская система управления обучением), остальные макеты обычно выполняются довольно быстро.
   • Просмотрите ключевые функции, такие как фильтры и механизмы тегов, чтобы убедиться, что вы включаете/предоставляете отзывы о любой необходимой информации.
   • Настало время утвердить изображения для ваших страниц. Обязательно тесно сотрудничайте со своей командой дизайнеров, потому что поиск подходящих изображений (особенно если вы полагаетесь на стоковые фотографии) может занять много времени. Если вы заказываете пользовательские фотографии или иллюстрации, вы должны иметь возможность одобрять изображения по мере их создания.
   • На этом этапе также должна быть задействована ваша команда веб-разработчиков. Они могут определить аспекты дизайна, которые могут представлять практические проблемы, прежде чем они перейдут к коду.
9. Завершение адаптивных макетов
   • Оптимизация вашего веб-сайта для мобильных устройств имеет важное значение в условиях современного мобильного рынка. А это означает использование адаптивного дизайна — метода разработки, в котором используется единый набор кода для адаптации вашего веб-сайта к различным устройствам и разным браузерам. Чтобы обеспечить наилучшее взаимодействие с пользователем, ваша команда дизайнеров должна представить дизайн, показывающий, как разные страницы будут выглядеть на телефоне и планшете.
   • Чтобы обеспечить удобство работы на телефоне, элементы страницы могут быть представлены в порядке, отличном от порядка на настольном компьютере, могут быть упрощены или могут быть полностью исключены.
   • Как правило, на мобильных устройствах навигация по вашему сайту принимает другую форму (часто свернутая в меню «гамбургер»).
10. Разработать сайт
    • Наиболее эффективно отправлять все файлы в разработку сразу — когда все стили, дизайны и требования согласованы и утверждены. Это упрощает обнаружение несоответствий и сокращает время разработки.
11. Тестовый сайт
    • Привлеките несколько команд, включая разработчиков, дизайнеров и людей, которые ничего не знают о сайте.
    • Начните тестирование заранее — еще до того, как сайт будет готов. Затем дайте себе целую неделю или больше, чтобы протестировать готовый сайт перед запуском.
    • Обратите особое внимание на содержание. Легко не заметить досадные опечатки, проблемы с форматированием и неработающие ссылки.
    • Ведите постоянный журнал ошибок — ошибки являются естественной частью процесса. Некоторые обязательно будут даже после запуска сайта. Команда должна быть готова немедленно раздавить их.
12. Стартовый сайт
    • Если возможно, рассмотрите возможность мягкого запуска. Это означает запуск сайта без лишнего шума, чтобы дать вам и посетителям возможность найти и сообщить о потенциально неприятных ошибках. Затем, через неделю или две, когда все будет работать как положено, вы можете официально объявить о своем новом сайте в своем списке.

Другие важные соображения

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

Изучите ключевые слова , прежде чем писать контент

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

План безопасности

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

Планируйте скорость

Скорость загрузки сайта влияет как на удобство работы пользователей, так и на видимость вашего сайта в результатах поиска. На самом деле, Google явно отдает предпочтение сайтам, которые загружаются быстро, и поддерживает новые мобильные технологии, повышающие скорость, такие как AMP . Факторы, влияющие на скорость сайта, включают размер (в байтах) ваших изображений, видео, javascript (и других скриптов на стороне клиента) и скорость сервера, и это лишь некоторые из них. CDN (сеть доставки контента) может повысить скорость загрузки практически любого сайта, и доступно множество отличных бесплатных вариантов, таких как CloudFlare . Размер кода вашей страницы также может влиять на скорость, поэтому убедитесь, что ваша команда разработчиков обладает дисциплиной и опытом для написания чистого и компактного кода.

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

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

1. Соберите небольшую команду, способную принимать управленческие решения
2. Следуйте проверенному процессу разработки веб-сайта, подобному описанному в этом посте.
3. Позвольте вашему агентству или команде дизайнеров возглавить процесс
4. Хорошо и часто общайтесь
5. Если вы не выполняете работу самостоятельно, выберите агентство, которое имеет квалификацию, разбирается в вашей отрасли и соответствует культурным традициям.

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

Бесплатный ресурс

Руководство по лидогенерации веб-сайта

Учить больше