Case Study
Puzzolana
Корпоративный сайт с каталогом техники для бренда Puzzolana, который выходил на российский рынок. Проект был разработан с нуля на Next.js с использованием Tailwind CSS и Headless WordPress для управления контентом.
Отрасль
Промышленное оборудование и буровые установки
Срок
6 недель
Формат
Корпоративный сайт с каталогом техники и Headless CMS
Стек
Next.js, React, Tailwind CSS, JavaScript, Headless WordPress, API Integration
О проекте
Puzzolana — индийский производитель промышленного оборудования, включая буровые установки и технику для строительной, горнодобывающей и инфраструктурной отрасли. Для выхода бренда на российский рынок требовался сайт, который презентует компанию, показывает линейку оборудования и помогает получать заявки от потенциальных клиентов.
Задача
Основная задача заключалась в разработке сайта с нуля: нужно было реализовать публичную часть, каталог оборудования, страницы техники, информационные блоки о компании, формы обратной связи и удобную систему управления контентом через Headless WordPress.
Решение
Сайт был реализован на Next.js с интерфейсом на Tailwind CSS. Для управления контентом использовался Headless WordPress, что позволило администратору обновлять страницы, карточки техники и контентные разделы без изменения кода. В рамках проекта были разработаны страницы каталога, карточки оборудования, блоки преимуществ, формы заявок и базовая структура для SEO-продвижения. Пользователь может ознакомиться с продукцией компании, изучить характеристики техники и оставить заявку на консультацию.
Что было реализовано
- Корпоративный сайт для выхода бренда на российский рынок
- Каталог промышленной техники и буровых установок
- Страницы с описанием оборудования
- Карточки техники с основной информацией и характеристиками
- Информационные разделы о компании и преимуществах бренда
- Формы обратной связи для сбора заявок
- Frontend на Next.js
- Интерфейс на Tailwind CSS
- Интеграция с Headless WordPress
- Управление каталогом и контентом через CMS
- Адаптивная верстка для разных устройств
- Базовая SEO-структура страниц
Управление каталогом техники
В качестве backend-части использовался Headless WordPress. Администратор может управлять контентом сайта, обновлять информацию о компании и редактировать карточки оборудования без участия разработчика.
- Добавление и редактирование карточек техники
- Управление описаниями оборудования
- Обновление характеристик и текстовых блоков
- Редактирование страниц компании
- Публикация и обновление контентных разделов
- Управление данными для каталога через WordPress
Стек
Результат
Выход на рынок
Бренд получил сайт для презентации на российском рынке
Сайт стал digital-точкой входа для клиентов, которые знакомятся с компанией, изучают оборудование и отправляют заявки на консультацию.
Каталог
Продукция компании была оформлена в понятный каталог
Пользователь может перейти в каталог, изучить технику, открыть карточку оборудования и получить основную информацию перед обращением в компанию.
Заявки
На сайте появились формы для получения обращений от клиентов
Формы обратной связи помогают переводить интерес к оборудованию в конкретные заявки от потенциальных покупателей и партнёров.
CMS
Контент сайта можно обновлять через Headless WordPress
Администратор может самостоятельно редактировать страницы, описания и карточки техники без внесения изменений в код проекта.