Задачи и концепция

Landing page для картонно-тарного комбината, который занимается производством гофрированного картона и гофроупаковки. Компания «Я – картон» находится в Московской области и предлагает широкую линейку самой разнообразной тары в виде коробок разных размеров, цветов и конфигураций, с брендированием и без.
Задача

Разработка Landing Page, которая представляла бы комбинат и его продукцию в Интернете. В наши задачи входила разработка общей концепции и прототипов, а также программирование и релиз проекта. Особенность сайта – в наличии товарных карточек для каждого из видов коробок и возможность оформления заказа через него.

Решение

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

Этапы
  • UX-дизайн
  • Проектирование и дизайн
  • Desktop- & Mobile-версии
  • Анимация
  • Разработка конфигуратора
  • Работа с контентом
  • Тестирование и релиз

Дизайн

Лаконичный дизайн и приятные тёплые тона не отвлекают от главного, а именно – товаров и услуг компании. В то же время мы использовали тематическую анимацию, которую органично вписали в общую концепцию.

Пользователю удобно перемещаться по странице с помощью меню в её шапке: ему не нужно пользоваться прокруткой – достаточно нажать на нужный раздел. В качестве основных использовано четыре цвета, включая солнечно-жёлтый для расставления акцентов, а также шрифт, основанный на простых геометрических формах.

22 уникальных блока
40 состояний и поп-апов
3 размера экрана

Типографика и цветовая схема

FuturaBookC
  • Ab
  • Black
  • Bold
  • Ab
  • Regular
  • Light
  • #493A55
  • #FFA70F
  • #FFF7EE

Карточка продукции

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

Результат

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

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

Mobile версия

Хоть это и не всегда просто, но адаптация страниц под экраны небольшого диаметра в нашем исполнении предусматривает сохранение визуальных и функциональных элементов.
Mobile first

Выбрать нужную упаковку, хорошо её рассмотреть и оформить заказ легко даже пользуясь смартфоном.

Планшет

Мы сохранили весь объём информации и привлекательность сайта и в версии для планшетов.

Прототипы

Участие нашего заказчика в процессе разработки прототипов – это всегда залог успеха. В процессе отсеиваются не очень удачные варианты и остаётся тот-самый единственный, который будет эффективно решать поставленные перед ним задачи.

Компьютер

Прототипы страниц проекта Я-картон
Прототипы страниц проекта Я-картон

Планшет

Прототипы страниц проекта Я-картон
Прототипы страниц проекта Я-картон

Мобильная версия

Прототипы страниц проекта Я-картон
Прототипы страниц проекта Я-картон
Прототипы страниц проекта Я-картон
Прототипы страниц проекта Я-картон

Нужна сильная команда?

Следующий проект

Смотреть проект
Партнер "Сбербанк"