Меню
152

Небольшой редизайн сайта

Мне поступила задача, «обновить сайт, сделать его более красивым».

Полные скрины страниц я выклыдывать не буду, все по частям.

Шапка. До

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

Шапка. После

Небольшой редизайн сайта 2
  1. Добавил кнопку «Главная». Не все знают что на главную можно попасть кликнув на логотип. Да и не на всех сайтах такое сделано.
  2. Разместил телефон, для того чтобы пользователь попав на сайт, не искал номер в подвале или на странице контактов.
  3. Добавил две кнопки для того чтобы пользователь смог быстро получить консультацию и задать вопрос.

Новости. До

Небольшой редизайн сайта 3
  1. Изображения, которые по моему мнению не совсем уместны на таком типе сайта. Учитывая то что изображения всего лишь два, я решил убрать их совсем, пока не будут подготовлены качественные изображения.
  2. Маленькие отступы между элементами.
  3. Дата стоит перед заголовком, её там быть не должно потому что это не является важной информацией для пользователя.

Новости. После

Небольшой редизайн сайта 4
  1. Увеличил размер шрифта у заголовков.
  2. Увеличил отступы между элементами.
  3. Убрал дату под заголовок, сделал цвет светлее, чтобы показать иерархию.
  4. Добавил кнопку «Читать полностью».

Подвал. До

Небольшой редизайн сайта 5
Левая часть подвала
Небольшой редизайн сайта 6
Права часть подвала

Старая версия подвала была неинформативна, совсем.

Подвал. После

Небольшой редизайн сайта 7
  1. Продублировал верхнее меню, убрал главную страницу и добавил две ссылки из старой версии подвала.
  2. Добавил второй номер телефона и email.
  3. Добавил информацию о времени работы компании.

Как вам изменения? Если есть какие-то мысли и замечания, оставляйте их в комментариях.

Живой пример вы можете посмотреть на сайте http://creative-finance.ru.

Поделиться
Отправить

Комментарии