Верстка мобильной версии издательства Алтапресс. Проектирование интерфейса.
Издательский дом «Алтапресс» был создан в 1990 году и начал свою деятельность с издания первой в крае независимой газеты – «Свободный курс». Сегодня «Алтапресс» является лидирующей негосударственной медиа-компанией на Алтае, входит в первую пятерку региональных издательских домов России. Всего в компании трудятся более 1000 человек.
Печатные издания ИД "Алтапресс"
- «Купи-продай» - рекламно-информационная газета.
- «Свободный курс» - общественно-политическая, еженедельная газета.
- «Читай!город» - бесплатная рекламно-информационная еженедельная газета.
- «Телепарк» - телегид, развлекательный журнал.
- «Маркер Экспресс» - информационно-развлекательный таблоид европейского образца.
- «Я Покупаю» глянцевый развлекательный журнал - навигатор шопинга.
- «Купи-Продай край» - бесплатное информационно-рекламное приложение к газете «Купи-продай».
- «Печки-лавочки. Полезные советы» - газета полезных советов.
Статистические данные сайта
- ТИЦ 2 200;
- Число страниц: около 450 000;
- Посетителей в день: 50 000-60 000;
- Просмотров в день: 300 000
-
Разумеется, у издательства есть сайт, который постепенно равивается, улучшается и видоизменяется. Там, где борьба идет за каждый пиксель, нет места для ошибок и экспериментов, поэтому для нового проекта "Афиша" потребовалась мобильная версия, способная максимально компактно, емко и удобно распределить элементы навигации, контент и рекламу.
Нам был предоставлен шаблон мобильной версии, который стал результатом совместной работы дизайнера, программиста, верстальщика, проект-менеджера и маркетолога.
-
Шапка (header) состоит из минимального набора: логотип, поиск и кнопка "бутерброд".
-
Offcanvas - меню и форма поиска должны безупречно работать на touch - устройствах, занимать мало места и прятаться, как только необходимость в них пропадает.
Выводит статичный список пунктов и рубрики - аккордеоном.
-
Выводит картинку-превью с заголовком и рубрикой, краткий анонс события, место проведения и тематические кнопки, например, трейлер, состав, число и др.
-
Одинаков, виден в любом месте страницы, скрывается по клику/тапу по ссылке или в области вне поиска.
-
На него обращают особое внимание, поэтому каждый элемент дизайнер продумывал очень скрупулезно. Красиво открывается и красиво выглядит.
-
Лента событий (карусель) - простая, понятная, без лишнего "мусора". Листается пальцем и мышкой.