Современный сайт-визитка для представительства итальянских фабрик New House Design

До реализации проекта у клиента были следующие проблемы:

• Неточное позиционирование. Отсутствие четкого разделения между представительством и обычным магазином мебели.

• Нет структурированного каталога. Отсутствует удобная система презентации фабрик и их коллекций.

• Закрытые материалы без контроля. Нет системы ограниченного доступа к прайсам, образцам и техническим документам.

• Отсутствие аналитики. Невозможно отследить, кто и какие материалы просматривает и скачивает.

• Сложность обновления. Нет возможности быстро публиковать новости от фабрик и обновлять каталоги.

• Типичные торговые элементы. Присутствие блоков «доставка и оплата», каталожных фильтров, которые не подходят для представительства.

Ниже расскажем про основные этапы работ, которые нам потребовались для проработки позиционирования и создания нового сайта.

Этап 1: Анализ и планирование

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

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

Формирование концепции. Определили главный принцип: показываем фабрики и их возможности, не продаем товары. Сайт должен быть современным, наполненным реальным контентом, открытым для партнеров, но без элементов e-commerce.

Этап 2: Техническое решение и архитектура

Выбор платформы. Вместе с клиентом становились на 1С-Битрикс с шаблоном АСПРО. Это решение обеспечивает надежность, скорость разработки и возможность дальнейшей поддержки без сложной и дорогостоящей индивидуальной разработки.

Структура сайта. Создали продуманную архитектуру:

• Главная страница: имиджевые слайдеры, краткие блоки о фабриках, новости, информация о компании

• О компании: история с 2003 года, уникальный опыт, работа с дизайнерами

• Каталог фабрик: трехуровневая структура: список фабрик → детальная страница фабрики → коллекции с галереями

• Новости: живая витрина событий, выставок, запусков новых коллекций

• Электронные каталоги: открытые для просмотра и закрытые для зарегистрированных партнеров

• Личный кабинет: доступ к расширенным материалам после верификации

Этап 3: Дизайн и визуальная концепция

Фирменный стиль. Внедрили корпоративные цвета компании – темно-бежевый и коричневый тона логотипа. Все элементы получили единое цветовое кодирование для целостности восприятия.

Типографика

• Заголовки: PT Serif для создания элегантного образ

• Основной текст: PT Sans для читаемости и современности

• Акценты: цветовые выделения в фирменной палитре

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

Мобильная оптимизация. Создали отдельные макеты изображений для экранов 320px (смартфоны) и 768px (планшеты). Особое внимание уделили корректному отображению на iOS и Android устройствах.

Оптимизация изображений. Для фабрик установили рекомендованный формат 700х700 пикселей, который автоматически адаптируется под разные разрешения.

Использовали форматы WEBP, SVG для быстрой загрузки.

Поведение баннеров. Настроили корректное отображение слайдеров на разных устройствах, увеличили скорость переключения для удобства пользователей.

Цветовая палитра. Фирменные темно-бежевый и коричневый тона создают ассоциацию с качественной итальянской мебелью и премиальным сегментом. Все акцентные элементы выдержаны в единой стилистике.

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

Система контроля доступа. Реализовали двухуровневую защиту каталогов:

• Открытые материалы: доступны всем посетителям для ознакомления

• Закрытые материалы: прайсы, образцы, условия, 3D-модели доступны только после регистрации и ручной верификации администратором

Личный кабинет. Создали функциональную систему для партнеров:

• Мгновенный доступ к расширенным материалам

• Возможность скачивания файлов с понятными названиями

• Отслеживание активности каждого пользователя

• Привязка действий к конкретным фабрикам

Аналитика и отслеживание. Внедрили Яндекс Метрику с настроенными целями:

• Клики по контактам

• Отправка заявок

• Переходы в Telegram

• Скачивание материалов из личного кабинета

Возможности администрирования. Передали клиенту инструменты для самостоятельного:

• Добавления новых фабрик и коллекций

• Публикации новостей и обновлений

• Управления пользователями и их правами доступа

• Сортировки и редактирования карточек

Безопасность данных. Материалы из личного кабинета доступны только после перевода пользователя в специальную группу через админ-панель. Это обеспечивает максимальную безопасность эксклюзивной информации.

Детальная проработка

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

Работа с ограничениями

Обсуждали с клиентом технические ограничения шаблона, предлагали творческие решения в рамках выбранной платформы. Например, почему определенные элементы ведут себя по-разному на разных экранах.

Тестирование и оптимизация

Тщательно проверили:

• Корректность отображения элементов сайта

• Размеры фотографий и читаемость текстов

• Поведение всех элементов на мобильных устройствах

• Работу форм и согласий на обработку персональных данных

Миграция и настройка

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

Обучение пользователей

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

Функциональные достижения

• Современная платформа

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

• Удобная навигация

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

• Гибкий каталог

  Реализовали систему представления фабрик по принципу производителей и их коллекций.

• Защищенность данных

  Обеспечили контролируемый доступ к эксклюзивным материалам через систему верификации пользователей.

Бизнес-результаты

• Инструменты аналитики

  Настроили детальное отслеживание эффективности: какие заявки приходят, что скачивают партнеры, как взаимодействуют с сайтом.

• Автономность в управлении

  Клиент может самостоятельно и быстро обновлять информацию без обращения к разработчикам даже для небольших изменений.

• Позиционирование

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