Кто из вас когда-либо чувствовал себя жертвой редизайна веб-сайта?
Не волнуйся, у меня тоже.
через GIPHY
Когда-то я на (очень) горьком опыте понял, насколько важен процесс создания веб-сайта.
Видишь, долгое время у нас его не было.
Мы подходили к каждому проекту по мере его поступления и позволяли многофункциональным менеджерам по работе с клиентами управлять различными типами проектов по всем направлениям, включая проекты веб-сайтов, маркетинговые проекты и другие проекты по доставке клиентов.
Короче говоря, мы несколько раз падали лицом вниз и довольно долго чувствовали боль.
Затем, как только гипотетическая опухоль спала, мы выздоровели с полным пониманием того, что все пошло не так.
Итак, мы решили создать команду, ориентированную исключительно на реализацию веб-проектов, и построить реальный процесс с нуля.
Пауза для размышления.
С тех пор наша команда добилась огромных успехов в создании потрясающих веб-сайтов, и я очень этим горжусь.
Но в тот или иной момент мы все были там.
Нам либо обещали (или это вы обещали) проект в определённые сроки и в рамках определённого бюджета, и ко второй неделе каждое из этих обещаний было в значительной степени нарушено.
Если у вас за плечами несколько редизайнов веб-сайтов, этого вполне ожидаемо, не так ли?
Не совсем.
Опасности проектирования без создания веб-сайта
Отсутствие процесса веб-сайта или процессы, которые недостаточно развиты, приведут вас к трем общим болевым точкам:
- Веб-сайт, который не запускается вовремя
- Стоимость веб-сайта превышает первоначально оговоренную
- Написание НАМНОГО большего контента, чем вы когда-либо могли себе представить, в кратчайшие сроки
Опоздание, дорогое удовольствие и усталость – это не то, что кому-то нужно.
Но опять же, это не обязательно должно быть вашей реальностью.
Понимание того, как должен выглядеть процесс веб-сайта, может помочь вам избежать катастрофы в будущих проектах.
Знание того, что и, самое главное, почему стоит за процессом, поможет вам перейти к следующему проекту редизайна с полной уверенностью и полным пониманием пути, в который вы собираетесь отправиться.
Создание эффективного процесса
Мы занимаемся созданием веб-сайтов уже довольно давно, и нам потребовалось много времени, чтобы усовершенствовать некоторые части нашего процесса. И мы не думаем, что он еще идеален, но мы уверены, что добились большого прогресса. Возможно, просто возможно, некоторые уроки, которые мы извлекли, могут оказаться полезными и помочь вам построить свой процесс!
Стратегический процесс
Теперь, если этот заголовок заставляет вас подумать «а?» вы, вероятно, не единственный. Мы получаем это постоянно.
Мы просим наших клиентов разработать стратегию, прежде чем мы сможем точно определить масштаб веб-сайта.
Это помогает нам полностью понять все тонкости каждого уголка вашего текущего веб-сайта и каковы ваши цели по редизайну.
Я знаю, что это, скорее всего, противоречит почти всему, что вы понимали до этого момента (отправка запроса на предложение, получение ценовых предложений и т. д.), но помните: делать вещи так, как вы всегда делали, - это значит чтобы получить те же самые результаты, которые вы всегда получали.
Так останься со мной!
Мы называем наш стратегический процесс «проектом веб-сайта».
На этом этапе подготовки к реализации мы стремимся узнать как можно больше о вас как о компании и ваших целях для вашего веб-сайта.
Цель - понять, что нам нужно построить на высоком уровне. Окончательное видение того, что нам нужно создать, строится на сочетании нескольких вещей:
- Эффективность вашего текущего сайта. Мы смотрим, что работает, а что нет для пользователей на вашем текущем веб-сайте. Мы хотим сохранить хорошее и найти способ изменить плохое.
- Ваш бизнес и процесс продаж. Яt важно, чтобы ваш веб-сайт точно отражал то, как вы на самом деле ведете бизнес с людьми, которым вы служите. Нам важно понять, как это выглядит для вас, чтобы ваш веб-сайт соответствовал вашим потребностям.
- Ваши мечты о вашем сайте. Серьезно. Что вы желаете/хотите/надеетесь, чтобы ваш сайт сделал для вас? Важно понимать, где бы вы ни увидели свой веб-сайт (даже если вы еще не совсем готовы к его появлению).
- Поведение покупателей. Мы смотрим на то, как ищут ваши идеальные посетители, и как мы можем помочь им убедиться, что вы их видите.
-
На что у вашей команды есть ресурсы (и это очень важно). На этапе разработки проекта мы согласовываем с вами и вашей командой именно то, что у вас есть. пропускная способность, которую нужно делать, а что нет.
Мы помогаем вам сузить варианты и определить, какое влияние они могут оказать на бюджет, сколько усилий вы можете посвятить проекту и сколько вы хотите, чтобы мы сделали.
Хотя во многом это звучит преждевременно, на самом деле это служит очень конкретной цели.
Большинство редизайнов веб-сайтов основаны на вашем текущем веб-сайте, а не на том, чего вы хотите достичь при редизайне.
Это ошибка, потому что если вы меняете дизайн, скорее всего, на вашем текущем веб-сайте чего-то не хватает (или многого).
Принимая это во внимание, план позволяет правильно определить, какими должны быть рамки веб-сайта.
В этот момент вы, вероятно, думаете: «Хорошо, это имеет смысл, но как нам достичь этой нирваны выравнивания?»
Я рад, что вы спросили.
Чтобы по-настоящему подготовиться к масштабированию веб-сайта, вам необходимо проанализировать, что в настоящее время делают ваши пользователи, а затем определить, что вы от них хотите.
Мы делаем это, используя следующие шаги:
1. Анализ ключевых путей пользователя
Поскольку вы создаете веб-сайт для своих пользователей, а не только для своих личных предпочтений, вы должны понимать, как ваши пользователи исторически использовали ваш веб-сайт.
Разбирая их шаблоны, вы можете начать поощрять новые модели поведения, которые помогут вашим пользователям быстрее находить нужную им информацию или конвертироваться в предложения, которые могут лучше помочь им в их путешествии.
Карты сайта и потоки пользователей служат разным целям, но в конечном итоге помогают команде планировать поведение пользователей.
Карты сайта фокусируются на том, как пользователь будет перемещаться по сайту, и на организации тех элементов, которые необходимо включить в главное меню, а нижний колонтитул и пользовательские потоки визуализируют путь, пройденный пользователем для выполнения задачи.
Стратегисты, менеджеры проектов, дизайнеры и разработчики вносят свой вклад в эти документы, что в конечном итоге поможет команде определить, сколько разделов модуля необходимо создать, чтобы пользователь мог эффективно перемещаться по сайту и в конечном итоге конвертировать.
Карта сайта не только отражает то, что будет в верхнем и нижнем колонтитуле навигации, но также глубоко погружается в структуру URL, основное ключевое слово и SEO-заголовок для каждой страницы в навигации.
2. Черпаем дизайнерское вдохновение
Может быть сложно объединить всю команду, от руководства до маркетинга и направления дизайна. Всегда есть вариант: «Я узнаю это, когда увижу!» это должно быть удовлетворено.
В IMPACT мы начинаем с выбора нескольких разделов главной страницы для дизайна, чтобы показать направление дизайна, поскольку это дает несколько реальных примеров нашего видения в действии.
На этом этапе мы выбираем только несколько разделов, чтобы можно было поэкспериментировать.
Мы также специально выбираем домашнюю страницу, поскольку почти во всех случаях она разрабатывается в первую очередь, поскольку она производит самое первое впечатление о вашем бренде.
Эти разделы имеют большой вес для пользователя, поскольку они привлекают его внимание и действительно задают тон и внешний вид бренда и всех последующих страниц.
Это упражнение начинается с того, что клиент немного рассказывает нам о том, что он ищет; делиться другими сайтами, которые им нравятся, и объяснять, как, по их мнению, продвигается их бренд.
Оттуда наши дизайнеры собирают свои собственные предложения и идеи, которые затем обсуждают и обсуждают с клиентами.
Часто клиентам очень сложно сформулировать свои дизайнерские желания, пока они не увидят реальный образец дизайна, но включение этого элемента сотрудничества и обмена информацией о том, что сделали другие бренды, в процесс разработки стратегии дает им возможность проиллюстрировать эти желания. мысли.
Этот этап предварительного процесса действительно дает неоценимую информацию о предпочтениях клиента, одновременно поддерживая обсуждение стратегическими исследованиями.
3. Разработка стратегической колоды
Этот предпроектный план включает в себя определенную стратегию, которая включает в себя обширное исследование ключевых слов и обзор текущей аналитики веб-сайта.
В центре внимания - пользователь.
Мы хотим понять, кто конвертирует, когда они конвертируют, сколько времени им требуется для конвертации и какие препятствия в настоящее время встречаются на их пути.
Эти препятствия могут быть очевидными, например, расположение нужных модулей в правильном порядке на странице, но иногда они немного более неуловимы, например, скорость страницы.
Если он доступен для анализа, мы проанализируем его и сообщим о результатах.
Это исследование невероятно важно и ценно, поскольку оно предоставляет нам всю информацию, которая может когда-либо понадобиться, чтобы полностью понять потребности клиента и определить направление проекта в целом.
Примечание: именно поэтому мы не определяем объем проекта до этого момента.
Как только у нас будет полное понимание того, что должен включать проект, мы включаем это и можем процитировать как можно точнее.
Это самое сложное.
Всем нужны сроки и цена ПРЕЖДЕ ЧЕМ вы начнете.
Независимо от того, работаете ли вы в агентстве или вместе с ним, или работаете самостоятельно, сроки и бюджет - это вопрос номер один и первый вопрос, который задают.
Но, как вы можете ясно видеть, указание сроков и бюджета проекта, в котором вы не понимаете правильные параметры, просто приведет к срыву сроков и бюджета.
Подумай об этом, дай замариноваться. Это большой сдвиг в том, как вы, вероятно, всегда что-то делали.
Наконец, в нашей стратегической колоде мы обсуждаем план запуска.
Вы меня правильно поняли. Мы говорим о планах запуска еще до того, как проект достигнет самой первой стадии.
Если вы когда-либо присутствовали на запуске веб-сайта, вы знаете, насколько это может быть невероятно увлекательно, но в то же время вызывает гипертонию.
Весь этот стресс возникает из-за отсутствия надлежащего процесса, а запуски каждый раз разные.
Новые игроки появляются в конце игры (вероятно, это ваш ИТ-отдел), электронная почта может выйти из строя, вы можете забыть домен, который, как вы думали, у вас есть, или вы можете даже не знать, что такое DNS-сервер. Это невероятно напряжено.
Но когда вы будете знать, что вам понадобится до начала проекта, вы сможете получить большую ясность относительно того, как все будет происходить и что вы можете сделать, чтобы предотвратить возникновение каких-либо проблем.
Если заранее составить этот план, запуск пройдет более гладко и намного успешнее.
Теперь, когда мы полностью согласовали будущий план веб-сайта и точно знаем, чего хотим от этого проекта, давайте действительно начнем.
Пристройка
1. Дизайн-спринт
Здесь, в IMPACT, мы работаем в рамках дизайн-спринтов - очень интенсивных коротких периодов времени, в течение которых мы концентрируемся на выполнении всех ваших проектов.
Обычно это занимает от 3 до 6 недель в зависимости от размера вашего сайта.
Мы встречаемся с нашими клиентами два раза в неделю и прорабатываем дизайн всех страниц в течение первых нескольких недель дизайн-спринта, а последняя неделя обычно представляет собой подведение итогов всех отдельных модулей, которые составят ваш веб-сайт..
«Подождите, расскажите мне подробнее об этих модулях», - говорите вы!
IMPACT разрабатывается по модульному принципу, поэтому вы получаете набор очень гибких модулей, которые можно использовать в любом порядке на любой странице, так что фактически у вас остается бесконечное количество комбинаций, которые вы можете группировать вместе, чтобы создать новый страница сайта.
Наша цель - предоставить вам строительные блоки и предоставить вам максимальную гибкость в настройке структуры, содержания и порядка информации для каждой страницы, которой вы управляете.
Завершение этапа проектирования просто показывает, как будет выглядеть каждый из этих модулей и их многочисленные вариации.
В конечном итоге клиенты получают образцы макетов страниц, а также макеты дизайна отдельных модулей.
2. Содержание
Дай угадаю, ты ожидал увидеть здесь развитие, не так ли? Замедлять! Ты слишком волнуешься.
Контент прежде всего (хотя мы часто занимаемся контентом и разработкой одновременно).
Я знаю, это кажется немного отсталым от того, что вы, вероятно, делали раньше, но это очень важно и совершенно не подлежит обсуждению.
Часто контент сохраняется до самого последнего момента, и это безумная борьба, чтобы собрать все воедино, написать несколько новых абзацев, а затем выбросить все это на новый сайт, чтобы никогда больше не смотреть на него вдвоем. лет.
Так же, как вы не хотите создавать страницы без стратегического аналитического обоснования, подтверждающего это, вы не хотите создавать дизайн без использования контекста окончательного текста.
Вы не должны писать, чтобы соответствовать дизайну, вы должны создавать дизайн, чтобы лучше всего помогать и представлять послание и ценностное предложение на каждой странице.
Наши дизайн-спринты созданы для того, чтобы ваш контент и структура сочетались друг с другом как можно лучше.
Как стратег, я могу сидеть здесь и с уверенностью сказать вам, что лучший дизайн в мире каждый раз потерпит неудачу, если он не будет соответствовать конечному содержанию.
При этом контент - это не шаг в последнюю минуту. Это первый и важный шаг на пути к созданию отличного веб-сайта, который вам обязательно следует поставить на первое место в своем списке.
Как правило, мы видим, что клиенты решают контент одним из трех способов: (1) они решают делать это сами, (2) они делают это сами, но просят предоставить доступ к нашим экспертам по контенту, чтобы они научили их работе. контент-путешествие, или, наконец, (3) они поднимают руки и привлекают стороннего автора.
Если у клиента возникают проблемы с объяснением того, что он делает, почему он это делает, как это может помочь другим, мы часто рекомендуем семинар по обмену сообщениями. Это создает очень прочную основу для согласования любого из трех вариантов, упомянутых выше.
Если клиент не может решить, как он хочет звучать, мы рекомендуем пройти семинар по руководству по стилю контента, который глубоко погружается в голос и тон бренда. Это помогает установить рекомендации о том, как писать для вашего бренда. Опять же, очень полезно для любого из трех вариантов, упомянутых выше.
Наконец, для вашего проекта может оказаться необходимым обучение контенту.
Найдите тренера по контенту, который является не просто словесным гуру, а человеком, который понимает, что делает контент веб-сайта отличным, и может подтолкнуть вас к тому, чтобы выбраться из ловушек «мы» и «мы» при копирайтинге веб-сайтов.
4. Разработка и тестирование
Теперь, когда дизайн завершен и написан некоторый контент, именно здесь происходит настоящее волшебство.
Разработчики - замечательные люди, которые воплощают проекты в жизнь.
Чтобы сделать это успешно, они следуют строгому порядку действий.
Во-первых, они должны разобраться с вашими глобальными элементами, которые появляются по всему веб-сайту - обычно в верхнем и нижнем колонтитулах.
Поскольку эти элементы присутствуют на каждой странице вашего веб-сайта, важно, чтобы они были установлены и утверждены до начала дальнейшей разработки.
Затем им следует перейти к сути выполнения, разработке модуля.
Как указано в разделе документации модуля, разработчики прилагают все усилия, чтобы сделать каждый модуль максимально гибким.
Для достижения этого результата на этом этапе не менее важно предоставить разработчику откровенную обратную связь.
Модули содержат такие параметры, как палитры цветов, стили заголовков, разделители, формы границ, призывы к действию, видео и т. д. Все они могут быть реализованы в одном модуле с возможностью выбора функциональности для каждой реализации.
Вам следует тестировать каждую опцию каждого модуля по мере его получения и предупреждать, если что-то не работает или не соответствует вашим ожиданиям. Молчание – это согласие!
5. Обеспечение качества и запуск
Даже при очень детальном и четко организованном процессе остается место человеческой ошибке. Итак, каждый процесс должен иметь этот шаг. Если нет, бегите в горы.
Гарантия качества гарантирует, что все ошибки будут обнаружены до запуска, поэтому вы запускаете лучший продукт.
Однако это не должно быть так просто, как проверить страницу, поставить галочку и двигаться дальше.
Вы действительно должны полагаться на опыт каждого члена команды, чтобы обеспечить максимально высокое и лучшее качество.
Вы хотите быть уверены, что ваш сайт работает во всех необходимых браузерах и устройствах. Обычно для облегчения этого процесса мы используем инструмент BrowserStack.
Стратегисты должны дважды проверять содержимое страницы на предмет передового опыта, дизайнеры должны проверять общую согласованность дизайна, разработчики должны проверять эффективность кода и скорость страницы, а менеджеры проектов должны убедиться, что все работает правильно, как изначально ограничено.
После того, как все необходимые изменения приняты во внимание, пришло время разработать тот план запуска, о котором мы говорили в предварительном процессе.
Благодаря этому плану вы должны точно знать, кто должен быть на связи и в комнате для запуска.
Никто не должен пытаться подобрать пароли, следует учитывать любые дополнительные расходы на перенаправления или поддомены, а ожидания в отношении электронной почты и распространения должны быть четко определены.
6. Постоянное улучшение
Ура! Готово!!
Ну, не совсем.
Вы не можете просто запустить новый веб-сайт и забыть о нем, у вас должен быть план постоянных улучшений.
Со временем ваши процессы, команда, услуги, цены и даже покупатели изменятся, и ваш сайт должен измениться вместе с ними.
Это живой, дышащий и трудолюбивый член вашей команды продаж, и вам необходимо следить за тем, чтобы он всегда был актуальным и оптимизированным, чтобы предлагать лучший опыт.
Помня об этом, вам следует регулярно проверять свою аналитику, особенно показатели конверсии и пути пользователей, чтобы оставаться гибкими и полезными для своих пользователей.
Плюс, даже несмотря на все исследования и стратегии в мире, каждое решение, принятое на вашем сайте, было всего лишь прогнозом. Вы не можете точно знать, как что-то будет работать, пока оно не будет запущено в эксплуатацию. Каждое решение - это гипотеза, которую следует отслеживать, измерять и о которой следует сообщать.
Если гипотеза не привела к желаемому выводу, вам необходимо скорректировать эксперимент.
В этом случае вам нужно быть готовым внести коррективы в дизайн вашего сайта и даже его текст.
Обязательно выделите время и бюджет для текущих усилий, особенно для пользовательского тестирования.
В дополнение к вашей аналитике регулярные пользовательские тесты дадут вам информацию, необходимую для внесения изменений в ваш веб-сайт.
Вперед и меняйте дизайн
Я знаю, это было много. Но это должно дать вам лучшее понимание того, что на самом деле повлечет за собой редизайн веб-сайта.
Прежде чем вы начнете проверять какие-либо агентства или сплачивать свою внутреннюю команду для принятия этих мер в отношении себя, будьте очень откровенны с самим собой о том, какие обязательства вы и ваша команда можете взять на себя.
Имейте четкое представление о том, кого необходимо привлечь и каков будет уровень их усилий. Выясните, кто принимает решения и какие еще дела у него на тарелке.
Не говорите, что вам нужен веб-сайт через 90 дней только потому, что вы где-то прочитали, что это хороший ориентир.
Редизайн веб-сайта, даже самый лучший в мире процесс, приведет к долгосрочным и преданным отношениям. То, сколько ваша команда может посвятить проекту, будет гораздо лучше отражать сроки и даже стоимость.
Хотя процесс создания веб-сайта, который вы используете, не обязательно должен повторять описанные выше шаги, он должен следовать аналогичным правилам.
Убедитесь, что у вас достаточно времени для выработки стратегии и обратной связи, а также интересуйтесь сроками и тем, как были получены предложения по времени и цене. Если для этого потребуется предварительное исследование, считайте это хорошим и очень честным подходом.
Нужна помощь в изменении дизайна вашего сайта? Поговорите с нами