Сайт huberits.ru

Нужно было сделать сайт, представляющий фирму M.Huber I.T.S. GmbH в России, сохранив фирменный стиль и улучшив вёрстку оригинального сайта.

Обязательные условия: ЧПУ, универсальность, красивый и читабельный вид на всех разрешениях от 1024 до 1920, отсутствие горизонтальной полосы прокрутки — в общем, стандартный джентельменский набор для современного сайта.

huberits.ru

Страница продукцииСтраница продукции

Сайт живо реагирует на изменение ширины окошка: меняется шрифт, меняются размеры всех блоков. Сайт увеличивается до разумных пределов, а затем остаётся посередине окна:

Вид сайта на разных экранахВид сайта на разных экранах

Система управления (CMS)

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

А вот ещё несколько ходов для упрощения работы в CMS:

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • След. →
  • Постоянные блоки можно редактировать на лету (исправил — сохранилось)Постоянные блоки можно редактировать на лету (исправил — сохранилось)
    Порядок разделов меню меняется здесь жеПорядок разделов меню меняется здесь же
    Строки подсвечиваются при наведении (удобно, когда в строке есть управляющие кнопочки)Строки подсвечиваются при наведении (удобно, когда в строке есть управляющие кнопочки)
    Порядок подразделов меняется здесь жеПорядок подразделов меняется здесь же
    Для универсальности подразделы можно добавить везде, даже в контактахДля универсальности подразделы можно добавить везде, даже в контактах
    Имена разделов и подразделов вводятся прямым запросом (это ускоряет работу)Имена разделов и подразделов вводятся прямым запросом (это ускоряет работу)
    Текстовые поля подраздела сохраняются на летуТекстовые поля подраздела сохраняются на лету

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

Фавиконка

В этом плане была свобода, поэтому от красного цвета я отказался в пользу белого, и форму сделал почётче:

RU vs COMRU vs COM

Заметка была полезной? Поделитесь в соцсетях:

3 комментария
Вячеслав Никитин
Иконка получилась гораздо строже — и сайт прям как продолжение иконки. Синий цвет в правой полосе слишком ядерный.
Ваня
Правую полосу было необходимо оставить по условию задачи... У меня она хотя бы не наезжает на сайт (на малых разрешениях) по сравнению с исходной версией.
Паша
Техническое исполнение публичной страницы и админки – очень крутое (особенно для 2012 года)

Ваш комментарий

comments powered by HyperComments

Следующая заметка

Иван ТитовИван Титов
Фрилансер, музыкант, физтех по жизни, семьянин, философ.
© 2012