Способы подойти к редизайну веб-сайта

Опубликовано: 2020-12-17

Нередко можно увидеть редизайн любого веб-сайта каждые 3-5 лет или около того. Мы можем взглянуть на редизайн по-разному, но вкратце, это «новый взгляд», в котором можно изменить:

  1. Только визуализация - контент, страницы и все остальное осталось прежним, но теперь сайт выглядит более современным.
  2. Контент и визуальные эффекты - это будут первые + изменения контента, такие как целевые страницы, изменение порядка статей, новые типы данных и т. Д.

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

Создавайте новый контент или используйте старый

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

И это первое решение, останется ли содержание существующего сайта таким, как есть, или будет написано новое. Если он останется прежним, то все, что нужно решить клиенту (или команде маркетинга), будет общим направлением.

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

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

Определитесь с визуальным стилем

Далее будет «Как это должно выглядеть?» Это похоже на вопрос, на который дизайнер ответил бы, но на самом деле это не так. На самом деле, это вопрос, который дизайнер задает клиенту чаще всего.

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

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

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

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

Вот примеры вопросов, на которые может понадобиться ответить дизайнеру:

  • Будет ли изображение тяжелым, графика чистая / минималистичная?
  • Если бы он использовал графику, в каком стиле они были бы?
  • Какие шрифты следует использовать
  • Следует ли модернизировать старую цветовую схему или новую заменять старую?
  • Насколько интерактивным должен быть сайт?

В зависимости от направления в концепциях нужно учитывать несколько моментов:

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

Когда выбрана одна концепция (что может произойти после множества изменений), может начаться следующий этап:

Создайте дизайн-композиции

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

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

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

Фаза разработки

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

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

Во время разработки обычно есть два подхода:

  1. Новая сборка
  2. Переделка существующего сайта

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

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

  1. Не продолжайте жить со всем включенным. Это наиболее разумный подход. Перечислите самые приоритетные страницы и разработайте именно их. Начните работать с ними, а затем разверните любые другие функции и / или страницы в течение нескольких недель после запуска.
  2. Выберите грубую версию. Это означает, что у вас должны быть реализованы все страницы, но не обязательно для редактирования. Может даже возникнуть необходимость скрыть один или два элемента или исправить какие-либо ошибки из-за того, что у вас мало времени на тестирование или просто потому, что у вас не было времени их исправить.
  3. Упростите элементы пользовательского интерфейса в дизайне, что отнимет у разработчиков большую часть времени. Например, это могут быть сложные навигационные меню (настольные и мобильные), карты / переключатели / поиск, ползунки или сложные макеты.

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

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

При замене страницы за страницей и развертывании обновлений сайт будет выглядеть несовместимым со старым и новым видом страниц. Windows 10 не является веб-сайтом, но является примером этого:

Фаза перехода в эфир

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

Основное различие между редизайном и новым сайтом - существующий контент, особенно когда произошли изменения в структуре сайта. Будут ли работать старые URL-адреса? Будет ли потеряно содержание? Все ли старые данные были недавно перенесены? Существует довольно длинный список «дней запуска», для которого безопаснее всего воспользоваться услугами хорошего агентства веб-разработки.

Резюме

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