Responsive site Grunberg Grupp v3.0.
![pic10](../udata/tiny/img/ya/pic10.png)
Размер аудитории с мобильных устройств приближлается к аудитории с ПК, в выходные дни мобильные телефоны и планшеты становятся более частой точкой выхода в интернет. Это данные от яндекс за февраль 2013 года, доля мобильного трафика в Центральном регионе страны возможно уже стала больше ПК трафика.
Мобильные устройства
Для удобства нажатия пальцем по touch-экрану основные услуги решено сделать крупными иконками. При наведении на иконки подсвечиваются в корпоративном стиле.
![ico](../udata/tiny/img/site/2014/grunberg-grupp/ico.jpg)
Выход в интернет с мобильных устройств в большинстве происходит с устройств на базе android, поэтому за основу иконки для меню взята стандартная иконка android и стилизована под сайт grunberg-auto.
![mobilnoe-menyu](../udata/tiny/img/site/2014/grunberg-grupp/mobilnoe-menyu.jpg)
На устройствах с разрешение менее 980px изображения в слайдере скрываются экономя пространство небольших экранов
![slider-mobi](../udata/tiny/img/site/2014/grunberg-grupp/slider-mobi.jpg)
Основная форма связи
Данная форма основной элемент взаимодействия с пользователем, от доступности и удобства именно этой формы зависит количество заказов, сделанных прямо на сайт.
GUI-элементы формы
![grun-gui](../udata/tiny/img/site/2014/grunberg-grupp/grun-gui.jpg)
Все элементы формы продуманы и стилизованы
Юзабилити
Для удобства заполнения формы с большим числом полей, где заполненность полей имеет значение, решено заполняемые данные поделить на группы.
Стандартные label использовать в данном случае нельзя, форма разрастется в высоту до очень крупных размеров, использовать placeholder так же невозможно пользователь может просто забыть, значение поля, мы пошли не стандартно и стали использовать подписи прямо внутри полей. Это дает + к юзабилити и форма становится компактней.
![form](../udata/tiny/img/site/2014/grunberg-grupp/form.jpg)
Сайт, удобный для любых устройств
ПК версия
![grunberg-main](../udata/tiny/img/site/2014/grunberg-grupp/grunberg-main.jpg)
Планшетная версия
![planshet-versiy-grunberg](../udata/tiny/img/site/2014/grunberg-grupp/planshet-versiy-grunberg.jpg)
Версия для устройств с малым разрешение экрана
![mobi-grunberg-main](../udata/tiny/img/mobi-grunberg-main.jpg)