8 важных вещей, которые мы поняли при редизайне сайта
Для чего вообще нужен редизайн? Самая распространенная причина — это ребрендинг компании. В таком случае необходимо заменить все визуальные элементы под новый стиль компании.
Когда мы делали редизайны сайтов для клиентов, то определили 8 процессов, которые нельзя пропускать, если хотите сделать работу быстро и качественно. Ими поделилась Group Head WIM Даша Ермина.
1. Детальный гайд. Перед стартом работы нужно согласовать гайдбук со всеми шрифтами, цветами и элементами, которые будут использоваться на новом сайте.
2. Прототипирование страниц. На этом этапе отрисовываем и согласовываем функционал сайта, его блоки и логику.
3. Пользовательские сценарии. Описать все действия, которые совершает пользователь на сайте: авторизация, поиск, заполнение формы заявки и т.д. Без описанных пользовательских сценариев легко что-то упустить. Это всплывёт на вёрстке и сдвинет сроки из-за дополнительной работы.
4. SEO-рекомендации. Логику перекрестных страниц, сквозных меню и блоков лучше согласовать с командой SEO ещё на этапе прототипирования. Если этого не сделать, возможно потом придётся перерисовывать целые страницы, а значит — тратить лишний бюджет.
5. Отрисовка мобильной версии. Если основной трафик приходит с мобильных устройств, важно адаптировать под них новый дизайн. Это легко сделать в Figma — у нее есть возможность просматривать макет в интерактивном режиме: сколько контента помещается на первые два экрана, что произойдет при нажатии на элемент и прочее. Как тестирование вёрстки, только на этапе дизайна.
6. Использование компонентов в Figma. С их помощью, если в процессе согласований какой-то блок менялся и правился, изменения отобразятся автоматически на всех страницах. Это сокращает время работы и исключает «пропуск» старой версии.
7. Поэтапное согласование. Начинать отрисовку и согласование нового дизайна лучше с ключевых страниц (страницы первого уровня в главном меню сайта). Как правило, эти страницы покрывают основные элементы и отрисовка следующих будет быстрее.
8. Вычитка и дабл-чек. При проверке большого количества страниц глаз замыливается, поэтому лучше привлечь корректора и другого менеджера, чтобы не пропустить опечатки и мелкие ошибки.
#digitalмаркетинг #дизайн