«Фомлайн» — крупный производитель пенополиуретана, который используется в мебельном производстве. Сначала клиент пришел к нам в студию с идеей собственного маркетплейса — так появилась онлайн-площадка SOLOMA Tech. Позже клиент вернулся ещё с двумя проектами. Один из них — обновление корпоративного сайта.

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

Например, каталог. Он не был похож привычный список товаров в интернет-магазине — каждая категория была кастомной со своей подструктурой. Было важно сохранить такую иерархию, потому что «Фомлайн» — крупнейший оптовый поставщик, и под каждый сегмент каталога у него есть свой пул клиентов со своими ожиданиями и потребностями при заказе комплектующих.

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

Фишкой дизайна стали анимации по скроллу и 3D-объекты в промо-блоке. Раз уж компания производит пены для мебельных производителей, мы решили показать, какие именно пены могут использоваться в конкретных изделиях — и буквально разрезали кресло и разделили матрас на слои, а к каждому слою добавили пин с указанием конкретного материала из каталога.

На стороне клиента не часто есть технические специалисты, которые грамотно могут настроить сервер и — тем более — корректно задеплоить (то есть перенести с тестового сервера на боевой) сайт. У «Фомлайн» такие специалисты есть, и у них свои подходы к настройке серверов и безопасности — и их можно в этом понять.

Из-за особенного внимания к безопасности на стороне заказчика на проекте SOLOMA Tech мы отдаём код сайта заказчику в репозиторий — а дальше его специалисты сами деплоят и «накатывают» миграции (фрагментарные обновления информации) на базу данных. Там мы можем так поступить, потому что проект собран на фреймворке: а значит, на продакшн-сервер выкладывается только код без базы данных. Отдельно создаётся новая чистая база данных (БД) и специальными скриптами (миграциями) создаётся её структура, нужная сайту, и после база наполняется данными.

Если же сайт создан на «Битриксе» — а корпоративный сайт «Фомлайн» написан на нём — такой вариант не подходит, поскольку у «Битрикса» нет таких скриптов, чтобы запуститься на «пустой» базе данных.

Наполнение контентом — всегда один из самых сложных этапов создания сайта. И неважно, отвечает за это сам клиент или студия: работа всегда очень кропотливая и требует повышенной внимательности. А ещё требует данных: цифр, текстов и, самое важное, изображений. Которые не всегда есть в наличии.

Мы редко берёмся за наполнение сайта контентом, но в случае с «Фомлайн» было иначе. Важно было сделать это в сжатые сроки, хотя на руках были далеко не все материалы от заказчика.

Чтобы процесс наполнения был чётким, а на согласования с клиентом уходило как можно меньше времени, мы предложили использовать карту контента — сводную таблицу в Гугл-документах, в которой мы поделили контент на 4 типа:

• общие страницы (главная, информация);
  
• категории товаров;
  
• детальная страница товара с таблицей параметров;
  
• детальная страница товара с простым описанием.
  
  

В каждом блоке — список нужного контента, статусы и чекбоксы: хватает, не хватает, внесено, не внесено.

Для В2В-клиентов на сайте есть вся нужная информация: от документации и прямых контактов дилера в конкретном регионе до вариантов доставки и предложений для партнёров.

В конструкторе пен можно выбрать изделие — матрас или диван, — любимое положение во время сна, размеры спального места, свойства спального места (поддержка и наполнение) и жесткость пены. Результат подбора — варианты наиболее подходящих пен из каталога.