Редизайн сайта: советы и примеры

Редизайн сайта – очень интересный и захватывающий проект. Однако главная сложность заключается в том, чтобы создав «новое лицо» компании в Интернете, не утратить узнаваемость бренда и структуру контента, привычную для пользователя. Из-за определенных ограничений в действиях создать редизайн сайта гораздо сложнее, чем сделать сайт с нуля.


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

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

Несколько причин редизайна:

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

Примеры редизайна сайта
Mozilla

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

Было

old_mozilla


Стало

new_mozilla


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

Yellow Pages

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

Было

old_yellow_pages


Стало

new_yellow_pages


Из-за того, что сохранились фирменные цвета (желтый и черный), обновленный дизайн очень напоминает тот, что был раньше. В новой версии сайта делается акцент на местонахождении зашедшего на сайт. Это помогает снизить объем выполняемой пользователем работы в выборе местности, в которой он более заинтересован.

Plaxo

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

Было

old_plaxo


Стало

new_plaxo


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

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

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

Все статьи