+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Практические кейсы Кейсы по разработке сайтов Кейс по разработке лендинга для заказа кастомных ПК

Кейс по разработке лендинга для заказа кастомных ПК

Кейс по разработке лендинга для заказа кастомных ПК
Обсудить проект
ООО «Ликвид Лаб Компани» — белорусский бренд, специализирующийся на профессиональной кастомной сборке ПК под индивидуальные задачи пользователей: от бескомпромиссных игровых станций до высокопроизводительных рабочих систем для дизайнеров, монтажеров и IT-специалистов. Проект для тех, кто ценит не просто «набор комплектующих», а сбалансированное железо с безупречным кабель-менеджментом, продуманным кастомным охлаждением и эстетикой. Команда глубоко погружается в технические требования каждого клиента, подбирает совместимые компоненты под конкретные рабочие сценарии и тестирует системы под нагрузкой.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Landing Page
Скорость
97 / 100
Загрузки сайта
Язык
RU
Русский
Маршрут
Маршрут
На картах
Задача

Разработать современный лендинг для проекта LiquidLab, направленный на презентацию и продажу кастомных ПК. Требовалось создать эстетичный, технологичный интерфейс, который транслирует экспертность команды, наглядно демонстрирует конфигурации мощных систем и упрощает путь пользователя от выбора железа до оформления заказа. Важной частью задачи было выстроить доверие к продукту премиум-сегмента и сделать процесс подбора максимально прозрачным и интуитивным для клиента.

Решение

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

Ниша

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

Продолжительность
  • 3 рабочих дня — исследования, прототипирование и проектирование интерфейса (UX/UI)
  • 3 рабочих дня — верстка, разработка и интеграция
  • 1 рабочий день — тестирование, подготовка интерфейса и запуск проекта

Краткий бриф

Наименование компании
ООО «Ликвид Лаб Компани»
Сфера деятельности
Профессиональная кастомная сборка персональных компьютеров и рабочих станций под заказ.
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Игровые ПК, рабочие станции для дизайнеров и монтажеров, кастомные контуры жидкостного охлаждения, подбор и оптимизация комплектующих, стресс-тестирование, доставка и техническая поддержка.
Домен сайта
pc2.liquid.by
Целевая аудитория
Геймеры, стримеры, IT-специалисты, дизайнеры и видеомонтажеры, которым требуется производительность и эстетика ПК.
Задачи сайта
Презентовать проект как эксперта в сфере кастомного железа, наглядно показать готовые конфигурации, выстроить доверие к бренду и упростить путь пользователя от выбора до заказа.
Тип работ
Тариф
Индивидуальное решение
CMS
WordPress
Хостинг
mHost.by

Фирменная палитра цветов и шрифт

01
Цвет и типографика
За основу была взята визуальная база основного сайта-каталога, что позволило сохранить преемственность и узнаваемость бренда. Темная подложка интерфейса создает современную «технологичную» атмосферу, ассоциирующуюся с хай-тек железом и гейминг-индустрией. В качестве ключевых акцентов используются глубокие синие оттенки, которые привлекают внимание к интерактивным элементам и призывам к действию, не перегружая визуальное восприятие.
В качестве основного шрифта выбран Rubik — современный гротеск с мягкими скругленными углами. Он отлично читается на любых экранах, гармонично смотрится как в крупных акцентных заголовках, так и в мелких технических характеристиках комплектующих, а также поддерживает полноценную кириллицу. Это подчеркивает технологичность проекта, сохраняя при этом дружелюбный и аккуратный пользовательский опыт.
#0054d1
#0060f0
#0b0b0b
#ffffff
За основу была взята визуальная база основного сайта-каталога, что позволило сохранить преемственность и узнаваемость бренда. Темная подложка интерфейса создает современную «технологичную» атмосферу, ассоциирующуюся с хай-тек железом и гейминг-индустрией. В качестве ключевых акцентов используются глубокие синие оттенки, которые привлекают внимание к интерактивным элементам и призывам к действию, не перегружая визуальное восприятие.
#0054d1
#0b0b0b
#0060f0
#ffffff
В качестве основного шрифта выбран Rubik — современный гротеск с мягкими скругленными углами. Он отлично читается на любых экранах, гармонично смотрится как в крупных акцентных заголовках, так и в мелких технических характеристиках комплектующих, а также поддерживает полноценную кириллицу. Это подчеркивает технологичность проекта, сохраняя при этом дружелюбный и аккуратный пользовательский опыт.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

Четкое разделение по сценариям использования экономит время и сразу ведет нужную аудиторию к подходящим конфигурациям железа. Раздел помогает пользователю быстро сегментировать себя по задачам.

Снижение барьера перед покупкой. Когда пользователь видит понравившуюся сборку, кнопка ведет не на сложную корзину, а на простую и быструю форму связи. Это позволяет зафиксировать интерес клиента и упростить дальнейшую консультацию с менеджером.

Раздел закрывает возражения и работает на формирование доверия с холодными клиентами. Наглядная подача ключевых плюсов компании (гарантия, комплектующие, стресс-тесты) убеждает пользователя в экспертности команды Liquid Lab.

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

Интерактивный раздел показывает реальных людей, которые проектируют, настраивают и тестируют железо. Это добавляет проекту экспертности и выстраивает эмоциональную связь с клиентом.

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

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

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

Интерактивный блок, который снимает последние сомнения перед покупкой. Он наглядно и честно показывает сильные стороны сервиса по сравнению с обычными магазинами готовых ПК, помогая сделать выбор в пользу бренда.

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

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

Какие инструменты и технологии мы использовали

03
Инструменты
WordPress
WordPress
Figma
Figma
WPRocket
WPRocket
JavaScript
JavaScript
WPBakery
WPBakery
PHP
PHP
Swiper
Swiper
JQuery
JQuery
FancyBox
FancyBox
YoastSEO
YoastSEO
YandexMetrika
YandexMetrika
GoogleAnalytics
GoogleAnalytics

Скорость загрузки сайта

04
Скорость
pc2.liquid.by
Анализировать
Мобильные устройства
Компьютер
97
pc2.liquid.by
0-49
50-89
90-100
Мобильные устройства
Компьютер
100
pc2.liquid.by
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

Благодаря чистой верстке, оптимизации медиаконтента и грамотной технической реализации, сайт демонстрирует максимальные показатели производительности по результатам Google PageSpeed Insights — 97 баллов для мобильных устройств и 100 баллов для ПК, что обеспечивает мгновенную загрузку, плавную работу анимаций и комфортный пользовательский опыт на любых устройствах.

Результаты по проекту

05
Результат

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

1. Понятный путь пользователя
Продуманная структура, интерактивный квиз и удобные сценарии подбора помогли снизить порог входа для клиентов и упростить выбор сложных технических конфигураций.
2. Укрепление имиджа бренда
Сохранение преемственности с основным каталогом, премиальная темная стилистика, анимации и блоки с доказательством экспертности сформировали образ надежного и профессионального сервиса кастомного железа.
3. Интерактивная вовлеченность
Внедрение анимированных элементов на главном экране и интерактивных слайдеров позволило с первых секунд захватить внимание пользователей и удерживать их интерес на протяжении всего знакомства со страницами.
4. Снижение барьера перед покупкой
Благодаря внедрению пошагового квиза и удобных форм обратной связи удалось избавить клиентов от необходимости самостоятельно разбираться в сотнях комплектующих и сделать первый шаг к заказу максимально простым.
5. Прозрачность и снятие возражений
Подробные блоки с описанием процесса сборки, сравнением с конкурентами и демонстрацией преимуществ помогли закрыть ключевые страхи покупателей премиального железа.
6. Конверсионная экосистема в подвале
Интеграция интерактивной карты, актуальных мессенджеров и всех необходимых каналов связи обеспечила пользователям возможность быстрой и комфортной коммуникации с сервисом в один клик.
7. Социальное доказательство и доверие
Размещение реальных отзывов покупателей, детальная демонстрация сборок месяца и знакомство с командой экспертов укрепили репутацию бренда и повысили лояльность аудитории.
Хотите так же?
Давайте обсудим проект!
+

Обсудить проект

+

Заявка на обратный звонок

Согласие на обработку персональных данных в соответствии с целями, указанными в Политике обработки персональных данных