Снегурочка: сайт офисной бумаги

Снегурочка это офисная бумага Mondi. Марку знают все, кто хоть раз заправлял принтер, но на полке она стоит рядом с десятком одинаковых белых пачек. Отличий у неё немало: бумага не желтеет, не пылит, не выцветает, не даёт облачности на печати, производится без хлора и бережёт механику принтера. Проблема в том, что всё это невидимо. Пачку нельзя открыть в магазине и сравнить.

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

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

Задачи проекта:

• современный понятный сайт вместо устаревшего;

• наглядно показать преимущества бумаги перед конкурентами;

• помочь человеку найти ближайшую точку продаж.

Первый экран построили вокруг имиджевого баннера: короткий тезис о свойстве бумаги и кадр с фотосессии вместо абстрактной графики. Каждый баннер ведёт в свой раздел.

Главная собрана вокруг свойств бумаги. Каждое преимущество разобрано отдельным экраном с иллюстрацией и интерактивом, а не спрятано в список характеристик.

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

Главный приём проекта: слайдер до и после. Пользователь тянет ручку и своими глазами видит разницу между листом Снегурочки и обычной бумагой. То, что невозможно сделать в магазине с закрытой пачкой, работает на экране.

Под первый экран отрисовали серию имиджевых баннеров на основе профессиональной фотосессии. Каждый баннер держит одну мысль и ведёт в свой раздел сайта.

Чтобы весь визуал был свой, а не стоковый, под проект провели отдельную фотосессию.

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

Раздел статей собрал факты о бумаге, советы, историю производства и новости компании в одном месте, с сортировкой по темам.

Страница материала собрана из стандартных блоков: заголовок, тег категории, слайдер, текст и переход к близким по теме материалам.

Частые вопросы вынесли на отдельную страницу и собрали на аккордеонах, чтобы ответ находился за один клик.

Отдельная часть работы два спецпроекта бренда. Первый совместно с WWF и посвящён сохранению дикого северного оленя. Мы сделали имиджевый баннер и отдельную посадочную страницу с цифрами по популяции и картой работы программы.

Второй спецпроект сделали с фестивалем короткометражного кино А4. Здесь понадобилась другая графика: тёмная тема, киношный ритм, показ номинантов и рассказ о самом конкурсе.

Страницы ошибок не оставили системными: 404 и 503 собраны из снежинок и работают на тот же образ бренда, что и остальной сайт.

Мобильную версию прорабатывали отдельно, а не сжимали десктоп: интерактив главной, слайдеры, таблицы характеристик и аккордеоны вопросов собраны заново под экран телефона.

Первую версию сайта мы сделали годом раньше, в 2017. Она отвечала задачам своего времени, и именно с неё началось сотрудничество с брендом.

Получился сайт, на котором невидимое свойство продукта стало видимым. Слайдер до и после делает за бренд то, чего не делает упаковка на полке: показывает разницу.

Объём работы: две версии сайта за два года, порядка пятнадцати типов страниц, семь анимированных иконок, серия иллюстраций, собственная фотосессия, два спецпроекта с отдельными посадочными страницами и полная мобильная версия.

Бренд получил площадку, которая одинаково работает и на человека, выбирающего пачку для дома, и на закупщика, которому нужны характеристики и документы.

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