С чего начать редизайн сайта
Правильный редизайн сайта — пошаговый алгоритм, основные вопросы и нюансы
Дизайн — работа творческая, поэтому не всегда результат работы можно предугадать и не всегда он может нас устроить. Поэтому главное, составить грамотное и понятное ТЗ.
Интернет изменяется буквально каждый день, поэтому всегда необходимо следить за актуальностью и удобством своих интернет ресурсов. Технологии, которые были популярными 5 лет назад, сегодня могут полностью утратить свою актуальность и ваш сайт, может быть (и будет) неудобным для ваших посетителей и клиентов, соответственно, вы каждый день будете терять потенциальную прибыль. В силу чего, каждый из предпринимателей рано или поздно придет к вопросу редизайна своего интернет-магазина или сайта услуг.
Основные вопросы при смене дизайна сайта
Еще до начало каких-либо работ, необходимо четко понять нужен ли вам редизайн сайта.
Рекомендую ответить на следующие вопросы:
Если у вашего интернет-магазина хорошие позиции по региону, естественно, никто не хочет их потерять, поэтому, рекомендую вам, при редизайне сайта четко придерживаться следующих основных рекомендаций:
Все это хорошо, но стоит понимать, что это все внутренние ссылки которые передают свой вес, то есть, по факту имеем, что с данной категории магазина добавилось 6-7 (смотря сколько статей в карусели) ссылок на статьи (которые продвигать нам не нужно). Также, этот блок добавляет нерелевантный контент нам на страницу, что не хорошо.
Подобных «новых» блоков может добавиться очень много, поэтому рекомендую некоторые из них ставить в теги noindex и ссылки в атрибут nofollow, это обезопасит ваш сайт от изменений в поиске. Подобным образом поступаем со всеми подобными блоками.
По истечению некоторого времени (1-2) недели, рекомендую начинать постепенно убирать проставленные теги и смотреть на позиции сайта. Это нам даст возможность «Откатить изменения» при смене позиций в нежелательную сторону.
Подготовка прототипа будущего дизайна сайта
Это самая важная и основная часть нашей работы, так как прототип это главное и основное ТЗ, которое мы вышлем нашему дизайнеру.
Мысли дизайнера и ваши никогда не совпадут, дизайнер будет думать одно, вы другое, далеко не факт, что вы найдете действительно профессионала, который сможет вам что-то посоветовать, к сожалению, из опыта, дизайнер просто выполнит работу по ТЗ и ни шагу в сторону, выполнит, как ему это удобно и как ему это больше нравиться. В итоге, мы получим посредственный дизайн, у которого, при наполнении контентом съедет верстка, так как дизайнер это не продумал, может не быть эффектов наведения, да и вообще можем получить не то что мы хотели.
Поэтому самое главное сформировать грамотное ТЗ, после которого ни у вас, ни у дизайнера не будет вопросов и мы получим то что хотим.
Выбор программы для создания прототипа
На сегодняшний день подобных программ и сервисов существует очень много, поэтому не рекомендую на этом заострять внимание, просто берем ту, которая бесплатная и в которой нам комфортно работать:
1. Gliffy
Бесплатная версия есть, можно пользоваться.
Редизайн сайта: зачем нужен и с чего начать + примеры
Редизайн сайта. Одностраничной Landing Page и крупного интернет-магазина. Зачем он нужен и нужен ли вообще? Что входит в редизайн веб-сайта? Какая стоимость такой услуги? На эти и другие вопросы мы ответим в статье. Также мы рассмотрим реальные примеры редизайна различных сайтов. Мы расскажем о своем опыте в деле модернизации веб-сайтов и затронем кейсы зарубежных коллег.
К каким результатам приводит редизайн/модернизация/доработка сайта?
Американская компания WallMonkeys занимается изготовлением и продажей наклеек и постеров для стен. Они предлагают (и всегда предлагали) уникальный и качественный продукт. Тем не менее, у них тысячи конкурентов. Жесткая конкуренция мотивирует ребят постоянно работать над главным источником заказов – сайтом www.wallmonkeys.com.
Даже когда у них было достаточно заказов, WallMonkeys хотели стать лучше. Они подключили сервис для увеличения конверсии Crazy Egg, провели A/B тестирование, сделали небольшой редизайн и увеличили конверсию wallmonkeys.com на 550%. То есть количество заявок выросло более чем в 5 раз!
Считаем, что этот пример хорошо демонстрирует важность и нужность редизайна. Даже когда речь идет о веб-сайте успешной компании с современным сайтом.
Ниже 2 варианта веб-сайта WallMonkeys. Один приносил N заказов, другой после внесения относительно несложных изменений в дизайн: N * 5,5. Как вы думаете, какой из этих вариантов ДО, какой – ПОСЛЕ? Какие именно доработки увеличили конверсию в несколько раз? Ответы найдете ближе к концу статьи.
Зачем нужен редизайн сайта именно вашей компании?
С примером выше понятно.
Это известная успешная компания. У нее много денег и много конкурентов. Значит достаточно причин и поводов заниматься доработкой своего продающего сайта.
А если у меня другая ситуация? Дела идут неплохо (хотя лишних денег на модернизацию сайта нет), конкуренты есть, но пока не слишком обгоняют. Может мне не требуется редизайн?
За вас, владельца сайта, однозначно ответить мы не можем. Все же мы можем поделиться полезной информацией, которая облегчит принятие решения.
Дизайн веб-сайта «живет» максимум 5-7 лет. Сколько лет вашему интернет-проекту? Если больше 7, существует крайне высокая вероятность, что дизайн (да и функционал) устарел. Это объективные данные, которые справедливы практически для любой ниши. Тут есть несколько важных нюансов! Первый: ваш сайт мог быть разработан 4 или 3 года назад, хотя все равно сейчас он уже устаревший. Все зависит от того, был ли его дизайн современным на момент создания. Невероятно часто разработчики используют устаревшие шаблоны. Второй: правильный редизайн занимает время (подробнее об этом расскажем ниже). Сроки у каждого проекта, конечно, разные, но в любом случае это минимум несколько месяцев.
Согласно публикациям Университета Суррея (получившего международное признание благодаря своим научным исследованиям) мнение о надежности вашего бизнеса на 75% состоит из мнения о вашем сайте. О чем это говорит? Как минимум о том, что не стоит забывать об интернет-площадке, даже когда офлайн дела у бизнеса идут неплохо. Если к прекрасно выстроенному офлайн-бизнесу добавить сайт с современным продуманным дизайном, прибыль может увеличиться в 4 раза.
Дизайн играет важную роль при SEO-оптимизации сайта. Заметили плавное, но уверенное снижение посещаемости интернет-магазина? Вполне возможно, дело в устаревшем дизайне. Часто посещаемость начинают спасать с помощью SEO-текстов и ссылок, хотя надо стартовать именно с модернизации дизайна.
Часто понять, нужен ли редизайн, можно после банального исследования ТОПа выдачи Яндекса или Гугла. Есть главный запрос, по которому ранжируется ваш сайт (например, «установка окон»), вбиваете его в поиск и смотрите на сайты конкурентов. Если заметных различий между вашим сайтом и ресурсами из поиска не много, возможно с редизайном можно повременить. Когда все или почти все существенно отличаются в лучшую сторону, нужно действовать. При этом желательно исследовать ТОП не в одиночку, а с привлечением сотрудников и клиентов (потенциальных клиентов). Смотреть надо не только с компьютера, а и с мобильных девайсов. Проверять не только внешний вид, но и удобство, скорость и т.д.
Кстати! Согласно Нилу Пателу (больше известному на Западе, хотя и у нас тоже, маркетологу и предпринимателю) решение купить тот или иной продукт на 85% зависит от цвета. Не нужно объяснять, что в веб-дизайне правильно подобранные цвета играют огромную роль. Хотя далеко не все дизайнеры знают о реальных возможностях того или иного цвета. Простой пример. Было проведено серьезное исследование цветовых предпочтений женщин (информация с блога все того же Нила Патела). Как думаете, какой цвет выбрали большинство девушек в качестве любимого? Мы даже предоставим варианты: розовый, голубой, зеленый. Ответ чуть ниже (не в самом конце статьи – не переживайте). Уверены, он вас удивит.
С чего начать и как сделать редизайн сайта: опыт B1Team Software
Итак, как делает редизайн компания B1Team software
1. Вначале нужно составить бюджет редизайна и определить сроки. Для этого мы подсчитываем количество элементов на странице, которые нужно заменить/улучшить/модернизировать. Отдельно нужно считать время и бюджет на дизайн, отдельно – на верстку и программирование. Когда бюджет и сроки утверждены, переходим к дизайну.
2. На этапе разработки дизайна огромное внимание мы уделяем User Expirience и User Interface (иными словами делаем все, чтобы сайт был понятным и удобным). Например, мы всегда создаем UI Kit – набор элементов пользовательского интерфейса. В него входит цветовая палитра, которую мы прорабатываем на основе фирменного брендбука компании, если таковой имеется, а также основываясь на тематике проекта. В набор также входят такие элементы, как шрифты, кнопки, поля ввода, формы, таблицы, стрелки, иконки, отображение заголовков и текста и т.д. Все то, что может быть использовано в контенте сайта. В процессе создания набора мы опираемся на текущие тренды веб-дизайна или используем современные стили и тенденции в веб-дизайне. Иногда на этом этапе работа заканчивается. Когда клиент доверяет нам не только дизайн, но и полную модернизацию сайта, начинается третий этап.
3. Верстка и программинг. Мы работаем только с 1С-Битрикс, поэтому если сайт создан на другой CMS (или на чистом HTML) при редизайне мы всегда переносим контент на платформу Bitrix. При этом делаем это максимально аккуратно, так как часто нужно сохранить позиции сайта в поиске. Если внести слишком кардинальные изменения, можно не только потерять позиции, но и полностью вылететь из индекса. Почти всегда во время редизайна мы полностью модернизируем программную часть сайта (включая случаи, когда старый сайт был разработан на 1С-Битрикс). Отметим, что современный дизайн не может сочетаться с устаревшим кодом. Мы переносим сайт на Битрикс и меняем «программную начинку» не потому, что так хочется, а потому что это необходимо. В работы по модернизации входят:
Минимизация JS/CSS (PHP Minify)
Отложенная загрузка картинок (lazyload)
Отложенная загрузка JS (requireJS)
Подключение BIGDATA для анализа покупателей
Интеграция с соцсетями
Многие другие фишки (зависит от задач целей проекта)
Если коротко: главная цель редизайна
Если очень коротко и просто: все наши усилия и технологии направлены на то, чтобы вначале понять, зачем пришёл пользователь, а потом сделать так, чтобы он как можно проще и быстрее это получил. Своей цели мы достигаем огромным количеством способов:
Популярные разделы на главной странице
Отзывы из соцсетей
Сколько времени занимает редизайн?
Думаем, что если мы еще раз повторим, что каждый проект уникален и время зависит от сложности задачи, вряд ли это будет полезно вам, нашим читателям.
Давайте рассмотрим конкретные цифры.
Редизайн сайта Комитета по развитию информационных технологий и связи Мурманской области занял у нас 4,5 месяца.
Мы провели огромную работу, которая включала:
Разработку документации (анализ требований, техническая спецификация, методика испытаний)
Разработку дизайна, который состоял из 41 макета и соответствовал требованиям к дизайну государственных систем России
Верстку и программирование с полным сохранением контента старого сайта
Внедрение поисково-навигационной системы «Госбар», которую крайне сложно настроить без серьезного опыта в разработке
Внедрение версии для слабовидящих
Ускорение загрузки до 100 из 100 по Google Page Speed Insights для компьютеров и до 92 из 100 для мобильных устройств
До редизайна сайт выглядел вот так:
После редизайна так:
Важно! Подробно о работе над модернизацией сайта Комитета по развитию информационных технологий и связи Мурманской области можно прочитать здесь.
Как вы понимаете, редизайн сайта государственной организации – относительно сложный и долгий процесс. Поэтому нам потребовалось более 4 месяцев. Обычно редизайн занимает существенно меньше времени. Все равно нужно не менее 1-2 месяцев. Часто модернизация требует не меньше, а то и больше времени, чем разработка сайта с нуля.
Кстати! Согласно исследованиям, о которых мы упоминали чуть выше, большинство женщин (а именно 35% опрошенных) считают своим любимым цветом голубой. Розовый цвет, который так ассоциируется с женским полом, выбирают менее 5%, а коричневый вообще один из самых неприятных цветов (наряду с оранжевым – главным «античемпионом» среди женщин).
Редизайн сайта: примеры ДО и После + важные нюансы, на которые надо обратить внимание
Пример редизайна сайта мясных изделий
В 2017 году у компании «Альмак», которая занимается производством и продажей мясоколбасной продукции, был сайт. Это был максимально стандартный сайт начала 2000-х со словами про экологически чистую продукцию и фотографиями с фотостока с пластмассовыми человечками без лиц.
В 2017 году представители «Альмак» заказали у нас редизайн. После нашей работы сайт стал выглядеть совершенно по-другому:
Думаем, что и без наших объяснений понятно, что невзрачный стандартный сайт превратился в мощный заметный индивидуальный ресурс успешной современной надежной компании.
На сайте изменилось практически все. Мы лишь хотим обратить внимание на несколько моментов:
1. Уникальные иконки для пунктов меню в сайдбаре. Это мелочь, но такие мелочи превращают стандартный невзрачный сайт в запоминающийся ресурс компании, с которой появляется желанию сотрудничать.
2. Видео о компании не просто встроено в страницу, а появляется после нажатия на кнопку (которая находится на заметном месте на первом экране!). Видео может как существенно увеличить, так и снизить конверсию, когда оно открывается не на том девайсе или не в том время. У нас от видео может быть только польза. Мы его не навязываем. Пользователь сам решает, смотреть или нет.
3. Оригинальная рисованная картинка на заднем фоне первого слайдера + «косой эффект перехода». Это сделать не так просто, зато выглядит замечательно и небанально.
4. На скриншотах этого не видно, но после модернизации мы интегрировали сайт с системой «1С:Предприятие».
Пример редизайна интернет-магазина мебели
Так интернет-магазин «Отличная мебель» выглядел до редизайна:
Так он выглядит сейчас на компьютере:
Так на мобильных девайсах:
Обратите внимание на:
1. Расположение и оформление главных преимуществ магазина в хэдере сайта (бесплатная доставка, кредит без переплаты, большой ассортимент): с одной стороны ненавязчиво, с другой – невозможно пропустить.
2. Заметную красную кнопку с призывом узнать больше о кредите без переплат.
3. Расположение и оформление слогана «Мебель по выгодным ценам!». Он хорошо заметен и на мобильных версиях.
4. На скриншотах не видно (хотя вы можете убедиться посетив сайт om51.ru), но после редизайна у сайта полная адаптивность под мобильные устройства. Если изучить Яндекс.Метрику, становится понятно, что редизайн был выполнен как раз вовремя. Количество мобильного трафика стремительно растет, а процент отказов не меняется, потому что с 2016 года на сайт удобно заходить со всех популярных мобильных устройств.
Столько людей посещали сайт с мобильных устройств в 2015 году (ДО редизайна):
Вот как изменился процент посетителей сайта, которые используют смартфон в 2016 году (после редизайна, который мы внедрили в конце 2015-го):
Мобильный трафик в 2019 году (процент отказов не менялся с 2016-го, потому что у нашего редизайна «запас» минимум 6-7 лет).
Редизайн сайта WallMonkeys
Еще на забыли сайт компании по продаже наклеек для стен, который после небольшого редизайна стал генерировать в 5,5 раз больше заявок? Если забыли, вернитесь в начало статьи, посмотрите на скриншоты и наши вопросы.
Отвечаем на первый вопрос. Вот как выглядел сайт ДО редизайна:
Вот как выглядел сайт ПОСЛЕ редизайна (когда начал собирать на 550% больше заявок):
Изменения очень незначительные, главное из которых – перенесения строки поиска с верха на середину страницы (также добавлена кнопка Create Your Own или Создай Свою Собственную).
Да, именно перенос поиска на десяток сантиметров и удаление кнопки «Покупайте сейчас» так СУЩЕСТВЕННО повлияли на конверсию. При этом дело не в чудесах, а в использовании правильных инструментов. Поменять расположение поиска решили после изучения тепловой карты сайта, которая выглядела вот так:
Редизайн сайта: подводим итоги и делаем выводы
Иногда редизайн – изменение нескольких элементов на сайте или одной странице. Иногда под редизайном подразумевают полную модернизацию веб-проекта. В любом случае, если все сделать правильно, вложить опыт, время и силы, сайт может стать в разы эффективнее. Не следует спешить с доработкой сайта, хотя надо понимать, что самые современные на сегодняшний день дизайн и функционал рано или поздно устареют.
Как составить стратегию редизайна: семь важных этапов
Семь раз отмерь — один раз отрежь. Нет, Ctrl-Z. Меряй в восьмой. Редизайн — важный этап в жизни сайта, поэтому ему должна предшествовать серьёзная подготовительная работа. Что вы с клиентом надеетесь получить от редизайна? Почему вообще появилась такая задача? Как должен выглядеть результат?
Эксперты портала Design Shack решили свести воедино все важные вопросы, которые следует задать себе перед редизайном. Адаптированный перевод с дополнительными примерами — перед вами.
Исследование сайта
Все сайты рано или поздно устаревают. Первый шаг — взглянуть на него критически. Проведите полный аудит: от дизайна до контента. Понимание, как все элементы работают для пользователя, помогут определиться с целью редизайна.
Вот несколько вопросов, на которые вы можете ориентироваться при исследовании:
Официальный сайт ежегодной конференции разработчиков Laracon. Получил одобрение Design Shack за то, что имитирует реальный пейзаж
Что может пригодиться:
Определение параметров для измерения успеха
Чтобы понимать, заработает ли редизайн так, как было задумано, нужно чётко определить параметры успеха. Цели редизайна в основном связаны с целями самого бизнеса. Для интернет-магазина это будут продажи, для криптобиржи — создание кошелька и покупка валюты, а для блога — просмотры материалов и реальное число пользователей, которые прочитали статью, а не просто открыли страницу.
Вот какие параметры можно использовать:
Сайт музыкального фестиваля Skull and Roses с расписанием событий. Оценён Design Shack за классные цвета, иллюстрации и UX
Попробуйте потренироваться в определении параметров на этих сайтах, прежде чем перейдёте к своему:
Адаптация контента
Будет ли нынешний контент сайта перенесён в обновлённую версию? Соответствует ли он эстетике и tone of voice нового сайта? Оцените каждую страницу — и отредактируйте или удалите те, что не соответствуют вашему видению редизайна.
Обновление контента может стать отличной идеей, особенно для большого сайта, дизайн которого вы хотите полностью пересмотреть. Но помните, что проще и быстрее вносить изменения в старую систему, чем пытаться всё снести и перестроить заново.
Culturally Connected — сайт для повышения культурной грамотности медицинских работников, отмеченный Design Shack за ненавязчивые анимации, которые не утяжеляют страницы и не мешают знакомиться с контентом
Пример радикального редизайна и старта новой контентной политики — сайт журнала «Искусство кино»:
Старая версия сайта — old.kinoart.ru
Сайт после редизайна — kinoart.ru
Создание нового контента
Самой сложной частью в редизайне сайта может стать визуализация нового контента. Подумайте, нужны ли новые фото и видео, иллюстрации и статьи, брендинг и фирменный стиль, другая цветовая палитра. Составьте список необходимого и закажите у дизайнеров, программистов, маркетологов и копирайтеров. Дизайн будет трудно представить и ещё сложнее собрать, когда нет основных компонентов.
Когда будете составлять список, чётко определите, что нужно и как это будет использоваться. К примеру, пропишите, какого размера и в каких блоках будут фото, если не хотите в итоге увидеть кучу растянутых или сжатых иллюстраций.
Louder than ten — cайт компании-помощника в управлении проектами для диджитал-агентств. Design Shack отметил уникальное ощущение, которое создаётся палитрой, типографикой и контентом
Чтобы не наступить на чужие грабли, посмотрите на Хабре пост «Сделал редизайн — потерял миллиард» с подборкой эпичных провалов.
Оценка новых возможностей
Технологии развиваются быстро. Скорее всего, сейчас вам доступно намного больше инструментов и функций, чем во время разработки актуального сайта. Вспомните, как видеоконтент начал доминировать благодаря доступности высокоскоростного интернета, — и используйте технологии в своих целях.
Вернитесь к аудиту и подумайте, есть ли новые функции, которые вы хотите внедрить. Насколько это реально, какие расходы связаны с этими возможностями и как их можно использовать? Новые технологии сделают всё это реальным.
SP-Teri — известный производитель профессиональных ботинок для фигурного катания. Их сайт не поспевал за цифровой революцией, и компания сделала редизайн, чтобы отразить ценность продукта — широкий модельный ряд для спортсменов разного уровня. И заодно SP-Teri упростила выбор правильной модели:
Планирование в пределах бюджета
Установите реалистичный бюджет. Цена на редизайн может зависеть от многих вещей: от того, насколько стара текущая версия, от сложности нового дизайна, сроков. Спланируйте вариант, который соответствует вашему бюджету. Если хотите сразу заказать все иллюстрации и прикрутить интернет-эквайринг — суммы могут вас ошеломить.
У Design Shack есть руководство по стоимости веб-дизайна (на английском), которое поможет вам разобраться с бюджетом.
Сервис Plink помогает отправлять запросы на оплату и быстро получать деньги. Design Shack отмечает его простоту и изящность 3D-анимаций
Поддержка и продвижение сайта
Последняя часть в подготовке стратегии редизайна — решить, как вы будете работать после него. Это касается поддержки сайта, маркетинга и продвижения.
Без стратегии маркетинга и поддержи ваш прекрасный редизайн может и не дожить до успеха, так что задумайтесь о профессиональном обслуживании — оно позволит сайту работать дольше и эффективнее. Решите, кто будет обновлять контент, обеспечит техподдержку и просто гарантирует, что всё будет функционировать как положено. А маркетологи помогут вашей аудитории попасть на сайт.
Обновлённый сайт творческого пространства BLIIIDA. Design Shack отмечает его за оригинальную типографику и интересную анимацию, привлекающую внимание к конкретным частям сайта
Хотите научиться системному подходу в дизайне и редизайне сайтов? Тогда приглашаем вас на факультет веб-дизайна GeekUniversity!
Семь раз отмерь — один раз отрежь. Нет, Ctrl-Z. Меряй в восьмой. Редизайн — важный этап в жизни сайта, поэтому ему должна предшествовать серьёзная подготовительная работа. Что вы с клиентом надеетесь получить от редизайна? Почему вообще появилась такая задача? Как должен выглядеть результат?
Эксперты портала Design Shack решили свести воедино все важные вопросы, которые следует задать себе перед редизайном. Адаптированный перевод с дополнительными примерами — перед вами.
Исследование сайта
Все сайты рано или поздно устаревают. Первый шаг — взглянуть на него критически. Проведите полный аудит: от дизайна до контента. Понимание, как все элементы работают для пользователя, помогут определиться с целью редизайна.
Вот несколько вопросов, на которые вы можете ориентироваться при исследовании:
Официальный сайт ежегодной конференции разработчиков Laracon. Получил одобрение Design Shack за то, что имитирует реальный пейзаж
Что может пригодиться:
Определение параметров для измерения успеха
Чтобы понимать, заработает ли редизайн так, как было задумано, нужно чётко определить параметры успеха. Цели редизайна в основном связаны с целями самого бизнеса. Для интернет-магазина это будут продажи, для криптобиржи — создание кошелька и покупка валюты, а для блога — просмотры материалов и реальное число пользователей, которые прочитали статью, а не просто открыли страницу.
Вот какие параметры можно использовать:
Сайт музыкального фестиваля Skull and Roses с расписанием событий. Оценён Design Shack за классные цвета, иллюстрации и UX
Попробуйте потренироваться в определении параметров на этих сайтах, прежде чем перейдёте к своему:
Адаптация контента
Будет ли нынешний контент сайта перенесён в обновлённую версию? Соответствует ли он эстетике и tone of voice нового сайта? Оцените каждую страницу — и отредактируйте или удалите те, что не соответствуют вашему видению редизайна.
Обновление контента может стать отличной идеей, особенно для большого сайта, дизайн которого вы хотите полностью пересмотреть. Но помните, что проще и быстрее вносить изменения в старую систему, чем пытаться всё снести и перестроить заново.
Culturally Connected — сайт для повышения культурной грамотности медицинских работников, отмеченный Design Shack за ненавязчивые анимации, которые не утяжеляют страницы и не мешают знакомиться с контентом
Пример радикального редизайна и старта новой контентной политики — сайт журнала «Искусство кино»:
Старая версия сайта — old.kinoart.ru
Сайт после редизайна — kinoart.ru
Создание нового контента
Самой сложной частью в редизайне сайта может стать визуализация нового контента. Подумайте, нужны ли новые фото и видео, иллюстрации и статьи, брендинг и фирменный стиль, другая цветовая палитра. Составьте список необходимого и закажите у дизайнеров, программистов, маркетологов и копирайтеров. Дизайн будет трудно представить и ещё сложнее собрать, когда нет основных компонентов.
Когда будете составлять список, чётко определите, что нужно и как это будет использоваться. К примеру, пропишите, какого размера и в каких блоках будут фото, если не хотите в итоге увидеть кучу растянутых или сжатых иллюстраций.
Louder than ten — cайт компании-помощника в управлении проектами для диджитал-агентств. Design Shack отметил уникальное ощущение, которое создаётся палитрой, типографикой и контентом
Чтобы не наступить на чужие грабли, посмотрите на Хабре пост «Сделал редизайн — потерял миллиард» с подборкой эпичных провалов.
Оценка новых возможностей
Технологии развиваются быстро. Скорее всего, сейчас вам доступно намного больше инструментов и функций, чем во время разработки актуального сайта. Вспомните, как видеоконтент начал доминировать благодаря доступности высокоскоростного интернета, — и используйте технологии в своих целях.
Вернитесь к аудиту и подумайте, есть ли новые функции, которые вы хотите внедрить. Насколько это реально, какие расходы связаны с этими возможностями и как их можно использовать? Новые технологии сделают всё это реальным.
SP-Teri — известный производитель профессиональных ботинок для фигурного катания. Их сайт не поспевал за цифровой революцией, и компания сделала редизайн, чтобы отразить ценность продукта — широкий модельный ряд для спортсменов разного уровня. И заодно SP-Teri упростила выбор правильной модели:
Планирование в пределах бюджета
Установите реалистичный бюджет. Цена на редизайн может зависеть от многих вещей: от того, насколько стара текущая версия, от сложности нового дизайна, сроков. Спланируйте вариант, который соответствует вашему бюджету. Если хотите сразу заказать все иллюстрации и прикрутить интернет-эквайринг — суммы могут вас ошеломить.
У Design Shack есть руководство по стоимости веб-дизайна (на английском), которое поможет вам разобраться с бюджетом.
Сервис Plink помогает отправлять запросы на оплату и быстро получать деньги. Design Shack отмечает его простоту и изящность 3D-анимаций
Поддержка и продвижение сайта
Последняя часть в подготовке стратегии редизайна — решить, как вы будете работать после него. Это касается поддержки сайта, маркетинга и продвижения.
Без стратегии маркетинга и поддержи ваш прекрасный редизайн может и не дожить до успеха, так что задумайтесь о профессиональном обслуживании — оно позволит сайту работать дольше и эффективнее. Решите, кто будет обновлять контент, обеспечит техподдержку и просто гарантирует, что всё будет функционировать как положено. А маркетологи помогут вашей аудитории попасть на сайт.
Обновлённый сайт творческого пространства BLIIIDA. Design Shack отмечает его за оригинальную типографику и интересную анимацию, привлекающую внимание к конкретным частям сайта
Хотите научиться системному подходу в дизайне и редизайне сайтов? Тогда приглашаем вас на факультет веб-дизайна GeekUniversity!