Responsive site Grunberg Grupp v3.0.

Размер аудитории с мобильных устройств приближлается к аудитории с ПК, в выходные дни мобильные телефоны и планшеты становятся более частой точкой выхода в интернет. Это данные от яндекс за февраль 2013 года, доля мобильного трафика в Центральном регионе страны возможно уже стала больше ПК трафика.

Мобильные устройства

Для удобства нажатия пальцем по touch-экрану основные услуги решено сделать крупными иконками. При наведении на иконки подсвечиваются в корпоративном стиле.

Выход в интернет с мобильных устройств в большинстве происходит с устройств на базе android, поэтому за основу иконки для меню взята стандартная иконка android  и стилизована под сайт grunberg-auto.

На устройствах с разрешение менее 980px изображения в слайдере скрываются экономя пространство небольших экранов

Основная форма связи

Данная форма основной элемент взаимодействия с пользователем, от доступности и удобства именно этой формы зависит количество заказов, сделанных прямо на сайт.

GUI-элементы формы

Все элементы формы продуманы и стилизованы

Юзабилити

Для удобства заполнения формы с большим числом полей, где заполненность полей имеет значение, решено заполняемые данные поделить на группы.

Стандартные label использовать в данном случае нельзя, форма разрастется в высоту до очень крупных размеров, использовать placeholder так же невозможно пользователь может просто забыть, значение поля, мы пошли не стандартно и стали использовать подписи прямо внутри полей. Это дает + к юзабилити и форма становится компактней.

Сайт, удобный для любых устройств

ПК версия

Планшетная версия

Версия для устройств с малым разрешение экрана