Разработка сайта‑каталога для питомника растений

Питомник «Калужский тракт» выращивает хвойные растения на продажу садовым центрам. Компания не работает с физическими лицами, только опт и B2B. Заказчик хотел очень дорогой крутой сайт с WOW-эффектами, чтобы конкуренты ещё не скоро дошли до такого уровня, при этом, чтобы он удобно встраивался в бизнес-процессы компании.

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

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

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

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

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

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

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

Заказчику был нужен принципиально другой формат сайта, не как у конкурентов и не такой, как принято в нише. Он хотел много анимации, WOW-эффектов, нестандартных визуальных решений. При этом, сайт ориентирован на продажи. Это не просто конкурсная, фестивальная история, где всё должно летать и вращаться, а конверсионный проект для B2B-аудитории. Поэтому мы прорабатывали дизайн так, чтобы сохранить узнаваемость компании. Чтобы пользователь, заходя на сайт, сразу понимал, что это питомник растений, а не абстрактное футуристичное пространство.

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

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

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