Коммерческий проект
UX/UI-дизайн и разработка под ключ B2B-сайта для производителя посадочного материала. Действующий сайт для компании, специализирующейся на выращивании сеянцев сосны и ели, а также на комплексном компенсационном лесовосстановлении. Каталог продукции, технические характеристики и современная визуальная подача для лесничеств, подрядчиков и корпоративных клиентов.
В этом проекте я выполнила полный цикл работ для реального заказчика: от анализа ниши, проработки структуры и написания текстов с нуля до чистового дизайна и финальной вёрстки сайта на Tilda. Проект был сдан под ключ и передан клиенту для самостоятельного управления.
Что было сделано:
- Проектирование логики и структуры сайта с нуля под задачи B2B-аудитории
- Написание и редакция текстов, проработка смысловой и визуальной иерархии контента
- Разработка визуальной концепции и UX/UI-дизайн главной и внутренних страниц
- Дизайн каталога и карточек товаров с акцентом на технические характеристики
- Подготовка адаптивных макетов в Figma
- Полная разработка и вёрстка сайта на Tilda (Zero Block, адаптив, базовая настройка) с передачей прав и инструкций заказчику
Задача проекта
Перед проектом стояла задача создать профессиональный и надежный онлайн-инструмент для реального бизнеса. Главная цель — не просто представить ассортимент сеянцев, а продемонстрировать гарантированное качество, строгое соответствие государственным стандартам (Приказ №1024) и экспертизу компании в сфере лесовосстановления, чтобы упростить процесс принятия решений для B2B-клиентов.
Основные требования:
- Понятная и логичная структура каталога с чёткими техническими характеристиками (возраст, высота, тип корневой системы, ЛСР).
- Удобная навигация между разделами «Продукция» и «Услуги лесовосстановления».
- Акцент на визуальном восприятии качества продукции и прозрачности бизнес-процессов.
- Наличие выделенного блока с информацией о документах для формирования доверия.
- Единый современный стиль, отражающий надежность, экологичность и профессионализм бренда.
Визуальная концепция
Основой стал стиль «мягкого природного минимализма», который передает доверие, заботу и органичную связь с лесом, избегая при этом излишней декоративности в пользу бизнес-задач.
Цветовая палитра построена на тёплом бежевом фоне (#FAF7F2) и насыщенном хвойно-зелёном акценте (#317C34). Белый цвет и природные оттенки добавляют света и естественности, делая интерфейс комфортным для длительного изучения технической информации.
Типографика выполнена шрифтом Montserrat: чистым, современным и отлично читаемым. Он используется во всех начертаниях — от лёгких заголовков до жирных акцентов, что придаёт сайту единый ритм и профессиональную утончённость, гармонично сочетаясь с природной эстетикой.
Решение
Я сосредоточилась на том, чтобы интерфейс был одновременно технологичным, визуально чистым и максимально удобным для B2B-аудитории, которая принимает решения на основе цифр, фактов и стандартов.
Ключевые принципы:
- Минимум визуального шума: фокус на продукции, преимуществах и условиях сотрудничества.
- Чёткая иерархия заголовков и технических характеристик в карточках товаров.
- Крупные, реалистичные изображения сеянцев и процессов работы бригад на делянках.
- Логичное расположение блоков: от ассортимента и преимуществ к отзывам и этапам комплексного лесовосстановления.
- Единая модульная сетка и система отступов, обеспечивающие аккуратность и профессиональный вид на любых устройствах.
Результат
В результате был создан современный, полностью функциональный действующий сайт, который сочетает визуальную чистоту, удобную структуру каталога и понятную подачу сложной технической информации.
Реализованные решения помогли заказчику:
- Упростить клиентам ориентирование в ассортименте и услугах компании.
- Сделать технические данные и требования стандартов легко воспринимаемыми.
- Сформировать у целевой аудитории ощущение профессионального, надежного и технологичного бренда.
- Подчеркнуть прозрачность бизнеса (блок документов, отзывы, этапы работ) для корпоративной и государственной аудитории.
Сайт полностью свёрстан на Tilda, адаптирован под все типы устройств и передан заказчику с инструкциями по дальнейшему самостоятельному редактированию контента.
Главная страница сайта
