Сайт huberits.ru

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

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

huberits.ru

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

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

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

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

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

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

    блоки можно редактировать на лету (исправил — сохранилось)" src="/w/huberits/cms-1.png">Порядок разделов меню меняется здесь жеСтроки подсвечиваются при наведении (удобно, когда в строке есть управляющие кнопочки)Порядок подразделов меняется здесь жеДля универсальности подразделы можно добавить везде, даже в контактахИмена разделов и подразделов вводятся прямым запросом (это ускоряет работу)Текстовые поля подраздела сохраняются на лету

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

Фавиконка

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

RU vs COM

Смотрите также

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

Комментарии закрыты. По всем вопросам обращайтесь ко мне по почте, через Вотсап или Вконтакте, см. раздел Контакты

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

© 2012