В этом блоге я довольно мало пишу про проекты, которые мы делаем как Raum7. Исправляюсь.
Самый последний реализованный проект – интернет-журнал о мобильных технологиях Apparat. Проект запустил Артём Игнатьев, который раньше занимался The Village в Петербурге. Для Аппарата мы разработали техническую платформу – адаптировали под нужды редакции WordPress, с которым мы работаем уже много лет и который, на наш взгляд, почти идеально подходит для контент-проектов (а некоторые даже выстраивают процессы издания бумажных газет вокруг WordPress). Дизайн данного проекта разрабатывался командой Аппарата.
WordPress в версии 3.6 обещает добавить ещё и несколько интересных инструментов для совместной работы (а в далее – ещё и editorial flow), плагины для облегчения отслеживания изменений выпускают даже New York Times.
В работе над Аппаратом мы использовали ряд новых для себя технологий:
Grunt и grunticon для работы с SVG (практически вся служебная графика на проекте – векторная, то есть смотрится одинаково хорошо на экранах с любым DPI, при этом благодаря grunticon браузеры, не поддерживающие SVG, получают PNG).
Coffescript для оптимизации работы с Javascript
LESS для организации CSS-кода (с LESS мы работаем давно, но в этом проекте удалось лучше оценить все достоинства и недостатки технологии – дизайн в процессе менялся несколько раз и будет меняться ещё, правильная организация кода была довольно важным аспектом).
Немало внимания мы уделили оптимизации скорости работы сайта – это критичный аспект юзабилити сайта. Сейчас по оценке Pagespeed Insights сайт получает 92 балла из 100 возможных, при этом ощутимая часть «замечаний» приходится на долю виджетов соцсетей (это отдельная и не очень весёлая тема). Тут и кэш, и оптимизаци сервера, и, конечно же, вёрстка и оптимизация файлов. Простор для усовершенствований имеется (perfection is a moving target), но для текущего состояния проекта производительность неплохая.
Конечно же, не забыли мы и поддержке мобильных устройств – сайт имеет 2 состояния, одно из которых заточено под устройства с разрешением 480 точек и меньше по горизонтали.
Немало интересных решений было и на стороне Wordpress – всевозможные шорткоды для облегчения работы редакции, плагины для работы галереи (мы используем Фотораму), и так далее – но в технические детали я вдаваться не стану.
Проект мы помогли запустить и продолжаем поддерживать и развивать его в настоящее время.
Ещё один проект, про который я хочу рассказать – сайт юбилейной Недели Германии в Петербурге (заказчик – Консульства Германии в Петербурге). Под нужды этого двуязычного информационного ресурса мы также адаптировали WordPress (который, к слову, очень понравился заказчику). Как и в случае с Аппаратом, мы позаботились о пользователях мобильных устройств (и, как показала практика, не зря – более 10 процентов посетителей зашли на сайт со своих смартфонов). Скорость и тут была для нас в приоритете (PageSpeed Score – 95 из 100) – было понятно, что часть посетителей будет загружать сайт через 3G, а то и Edge.
Дизайн сайта – Ульяна Кудина (Raum7), фирменный стиль Недели Германии – Марк Калинин.
Если вам или вашей компании необходим современный, быстрый и удобный сайт с поддержкой мобильных устройств (адаптивной вёрсткой) – будем рады помочь, пишите: hello@raum-7.com.
Хотите обсудить содержимое заметки? Напишите мне в телеграм glebkalinin.