Lackmann GmbH
Lackmann Fleisch- und Feinkostfabrik GmbH
О клиенте
Lackmann Fleisch- und Feinkostfabrik GmbH — производитель мясных деликатесов. Компания работает на международных рынках и развивает сеть через франшизу.
К международной выставке Anuga в Германии клиенту понадобился лендинг для B2B-аудитории. Он должен был работать как презентация на переговорах и собирать заявки от потенциальных партнеров.
На старте у клиента были логотип, печатный буклет, фотографии продукции и тексты. Нам предстояло адаптировать эти материалы для немецкого рынка: выстроить понятную структуру, показать факты и доказать надежность бренда.
Задача
Создать лендинг, который помогает компании презентовать себя перед потенциальными партнёрами и развивать франчайзинговое направление.
Страница должна была:
- представить Lackmann Fleisch- und Feinkostfabrik GmbH как надёжного производителя;
- показать ассортимент;
- объяснить преимущества франшизы;
- усилить доверие через историю, награды, отзывы и реальные факты; привести пользователя к заявке на сотрудничество.
Главный фокус проекта — понятная структура. У компании было много сильных аргументов, и их нужно было выстроить так, чтобы страница легко читалась, удерживала внимание и постепенно раскрывала ценность партнёрства.
Дизайн
Ключевая идея проекта — построить страницу как последовательную воронку доверия. Пользователь не должен сразу читать сложный текст или разбираться в бизнес-модели. Он постепенно проходит путь:
визуальное впечатление → доверие → продукт → бизнес → доказательства → контакт
Визуально это поддерживается за счёт:
- чередования тёмных и светлых блоков
- крупной продуктовой фотографии
- минимизации текста в ключевых точках
- акцентного красного цвета для действий
Сначала пользователь видит продукт и уровень компании, затем узнаёт больше о качестве, истории, ассортименте, франшизе и условиях сотрудничества. Такой сценарий помогает не перегружать человека с первых секунд и даёт возможность постепенно погрузиться в предложение.
Ниже — разбор ключевых дизайн-решений, из которых складывается воронка доверия: первый экран, блоки качества, история бренда, продукция, франшиза, доказательства надёжности и контакт.
Первый экран — эмоциональное вовлечение
Первый экран отвечает за впечатление. Здесь важно было быстро передать вкус, качество и масштаб бренда. Основной акцент был сделан на:
- крупных аппетитных изображениях продукции
- тёмном фоне, который усиливает ощущение премиальности
- минимальном количестве текста
Так посетитель сразу понимает, чем занимается компания и почему страница может быть ему полезна.
Блок о качестве и истории бренда
После эмоционального входа пользователь попадает в более спокойный, светлый блок. Здесь происходит смена ритма: визуальный акцент уступает место содержанию. Текст был переработан в удобную структуру: короткие смысловые части, понятная иерархия, визуальные акценты, достаточное расстояние между элементами.
Благодаря этому большой объём информации читается легче и воспринимается как уверенная презентация бренда.
Историю компании мы оформили в виде таймлайна. Этот формат хорошо подходит для бренда с прошлым, развитием и международным контекстом.
Такой формат позволяет:
- быстро считывать ключевые этапы
- визуально зафиксировать важные даты
- создать ощущение устойчивости и опыта
История здесь работает как эмоциональный аргумент, усиливающий рациональное доверие.
Франшиза — ключевой продающий блок
Блок о франшизе стал одним из главных на странице. В нём нужно было простым языком объяснить, почему партнёрская модель компании может быть интересна предпринимателям.
Структура выстроена через логику:
- проблема — малому бизнесу сложно конкурировать
- решение — франшиза
- преимущества
Для усиления доверия были добавлены реальные фотографии магазинов. Они показывают, как бизнес выглядит в жизни, и помогают потенциальному партнёру представить свой будущий формат работы.
Блоки доверия
На этом этапе пользователь уже заинтересован, и важно закрепить доверие. Для B2B-аудитории важны подтверждения. Поэтому на странице появились награды, стандарты качества, истории успеха партнёров и отзывы.
Факты показывают надёжность компании, реальные истории успеха партнёров добавляют живой контекст, а отзывы помогают увидеть реальный опыт взаимодействия с брендом. Интеграция с Google усиливает ощущение реальности и прозрачности компании.
Вёрстка
Для проекта была выполнена вёрстка мультиязычного лендинга с адаптивной структурой, анимациями, декоративными элементами и нестандартным поведением отдельных блоков. Важно было сохранить выразительность дизайна на разных устройствах и при этом сделать страницу быстрой, аккуратной и удобной в поддержке.
Анимация логотипа
Один из заметных эффектов страницы — поведение логотипа при первом скролле.При загрузке создаётся ощущение, что логотип находится вне стандартного положения в шапке. После начала скролла он плавно перемещается на своё место.
Для реализации логотип поместили в дополнительную оболочку внутри шапки. По умолчанию изображение смещено на нужное расстояние, а при скролле для тега html добавляется класс scroll. Через этот класс запускается анимация возвращения логотипа в исходную позицию. Так удалось сделать эффект стабильным и адаптивным.
Анимации декоративных элементов
На странице много декоративных элементов, которые появляются при прокрутке и оживляют блоки.
Для них был реализован универсальный JS-механизм. Скрипт проходит по элементам с атрибутом data-anim, отслеживает появление в зоне видимости и добавляет класс _anim. Индивидуальные положения и движения задаются уже в стилях.
Такой подход помог не усложнять код отдельными сценариями для каждого блока и сохранить гибкость при дальнейших изменениях.
Анимация медалей
Отдельное внимание уделили блоку с медалями. По дизайну они должны были появляться плавно и в определённой последовательности.
Для этого использовали SCSS-цикл, который автоматически задаёт задержку для каждого элемента. Решение позволило получить каскадную анимацию без ручной настройки delay для каждой медали. Код остался компактным, а эффект — аккуратным и управляемым.
Технологии
В проекте использовались:
- Gulp;
- Webpack;
- SCSS;
- JavaScript;
- Tailwind;
- lazyload для изображений;
- оптимизация изображений;
- конвертация графики в WebP.
Сборка отвечала за локальный веб-сервер, минификацию JS и SCSS, оптимизацию изображений и подготовку проекта к публикации.
Сложности проекта
В проекте было важно сохранить богатый контент и узнаваемую стилистику бренда, но подать их в формате современной, понятной и быстро считываемой страницы. Поэтому основная работа была сосредоточена на структуре, визуальной иерархии и аккуратной адаптации фирменных элементов под digital-среду.
Большой объём контента
У клиента было много материалов о компании, продукции, качестве, истории и франшизе. Все эти данные нужно было превратить в удобную страницу, которую можно быстро просмотреть и легко понять.
Мы разделили информацию на смысловые блоки, выстроили порядок подачи и усилили визуальную иерархию. Каждый раздел получил свою роль в общем сценарии страницы.
Работа с существующей стилистикой
У бренда уже были фирменные элементы, логотип и буклет. Их нужно было бережно перенести в digital-среду и развить до полноценной системы для лендинга.
Мы сохранили узнаваемые акценты и адаптировали их под современную веб-подачу: сетку, типографику, цветовые решения, ритм блоков и адаптивные состояния.
Результат
Мы создали мультиязычный лендинг, который помогает Lackmann Fleisch- und Feinkostfabrik GmbH презентовать бренд, продукцию и франшизу на немецком рынке. Страница показывает компанию с сильной визуальной стороны, раскрывает преимущества продукта, объясняет партнёрскую модель и поддерживает доверие через факты, награды, отзывы и реальные истории.
Лендинг можно использовать как самостоятельную презентацию компании, как инструмент после контакта на выставке и как точку входа для новых партнёров.
Другие проекты
Как мы создали сервис аренды жилья в Болгарии и привели его к 1500 бронированиям за сезон. От идеи до полноценного продукта с SEO и маркетингом.
Переезды без звонков: как мы создали сервис, который сам считает цену, собирает заявки и повышает конверсию.
Сайт для винного бренда с умным фильтром, SEO-структурой и легким выбором среди 2000+ вин
Как мы вывели криптобиржу на рынок: автоматическое обновление цен, безопасные P2P сделки и 100+ активных трейдеров в первые недели после запуска
Как риелторский сайт в Болгарии вышел из-под фильтров, увеличил органический трафик в 5 раз и стал лидером в своей нише. Полная трансформация: SEO, редизайн, автоматизация и рост продаж.
Как интернет-магазин заборов увеличил видимость в поиске на 25% и улучшил конверсии с помощью SEO и Google Ads. Переезд на новый сайт и оптимизация позиций по ключевым запросам
Стоматологический бутик, предоставляющий VIP-услуги в Майами: увеличение ROI в 3 раза и рост органического трафика с помощью редизайна сайта, SEO и маркетинга в соцсетях.
Салон в Майами. Перенос сайта на WordPress, SEO и маркетинг. Результат: ТОП-5, рост трафика и заявок через органику и Google Ads.
Как салон в Майами увеличил заявки в 3 раза и органический трафик на 250%. От 0 до 180+ запросов в ТОП-3: реальный кейс роста бизнеса.
Интернет-магазин оптики. Разработка сайта, SEO-оптимизация, маркетинг и интеграции. С 0 до 90 000 пользователей в месяц
Svetlanadental – кейс продвижения и разработки сайта стоматологического кабинета в США. Клиника принадлежит врачу с большим опытом и большим количеством наград.
Advanced Dental Wellness Center – стоматология в Майами, Форт Лодердейл. Холистик стоматология с особым подходом к лечению.
Перенос сайта MyMoneyArt на WordPress, SEO, UX-улучшения: +500% трафика, заявки ×6.
Biomilk – дистрибьютор продуктов питания в Москве и регионах. +100% органического трафика за 3 месяца, 200 запросов в ТОП-10 Яндекс и Google
Продвижение VIP стоматологии на Манхэттене C 13 до 80 запросов в ТОП-10 Google за полгода
Стоматологическая клиника в городе Sunny Isles Beach - увеличили количество заявок в 3 раза за счет поискового трафика и маркетинга. Сайт стали продвигать с нуля, сразу после открытия клиники.
Разработали сайт художественных красок Nevapallete.cn для китайского рынка: хостинг в Гонконге, китайский домен, быстрая загрузка, запуск в срок.
Продвижение салона красоты Annazur во Флориде: увеличение трафика, локальное ранжирование, оптимизация сайта и рост заявок.
SEO-кейс стоматологии: +50-80 целевых звонков/мес, топ по запросам, рост трафика с февраля 2023 благодаря контенту и тех. улучшениям.
Сайт-визитка с каталогом WordPress для немецкого производителя B2B-системы хранения измерительного оборудования. Удобный каталог, расчет доставки, VAT-валидация.
Как стоматология с одностраничным сайтом удвоила число пациентов из своего района
Как мы избавили систему от лишней нагрузки и повысили надёжность операций
Как мы ускорили выдачу и снизили нагрузку на систему поиска по сайту
Mates China – агентство digital-маркетинга, которое помогает продвигать бизнес в Китае через локальные соцсети и маркетплейсы: WeChat, Weibo, Baidu, Douyin, LRB и другие. Мы помогли увеличить трафик в 12 раз, за период в 7 месяцев.
Как мы перевели 5 площадок из Excel в единую систему
Доработка и развитие образовательного портала.
Сократили количество запросов с 16 685 до 24 за 1.5 часа
Вы хотите, чтобы ваш сайт не просто существовал, а приносил реальных клиентов? Мы знаем, как это сделать. Кейс SoleaBrickellSpa — наглядное подтверждение нашей экспертизы и эффективного подхода.
Мы обновили интернет-магазин стоматологических материалов, создав быструю платформу с точными остатками по городам и автоматизацией ключевых процессов. После запуска трафик вырос в 4 раза, снизились возвраты и появилась база для масштабирования бизнеса.
Оптимизация автоматического подбора объявлений.
У вас есть хороший проект?
Мы будем рады обсудить его с вами!
