Сайт-визитка для представительства итальянских фабрик New House Design
Вернуться к спискуЦель: Создать современный сайт-визитку, четко отличающий представительство от обычного магазина
Решение: Адаптивный сайт на 1С-Битрикс с каталогом фабрик, системой контроля доступа и аналитикой
New House Design – эксклюзивное представительство итальянских фабрик мебели, освещения и аксессуаров премиум-класса в России. Компания работает с 2003 года и специализируется на развитии долгосрочных партнерских отношений между российским рынком и итальянскими производителями.
Среди клиентов компании такие известные бренды, как Zanaboni, Tosconova, Reflex, Aurora. Важная особенность – 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 индивидуальных правок, каждая из которых обсуждалась с клиентом. От простых изменений цвета до сложных вопросов управления доступом к файлам.
Работа с ограничениями
Обсуждали с клиентом технические ограничения шаблона, предлагали творческие решения в рамках выбранной платформы. Например, почему определенные элементы ведут себя по-разному на разных экранах.
Тестирование и оптимизация
Тщательно проверили:
✅Корректность отображения элементов сайта
✅Размеры фотографий и читаемость текстов
✅Поведение всех элементов на мобильных устройствах
✅Работу форм и согласий на обработку персональных данных
Решение: Адаптивный сайт на 1С-Битрикс с каталогом фабрик, системой контроля доступа и аналитикой
New House Design – эксклюзивное представительство итальянских фабрик мебели, освещения и аксессуаров премиум-класса в России. Компания работает с 2003 года и специализируется на развитии долгосрочных партнерских отношений между российским рынком и итальянскими производителями.
Среди клиентов компании такие известные бренды, как Zanaboni, Tosconova, Reflex, Aurora. Важная особенность – 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 индивидуальных правок, каждая из которых обсуждалась с клиентом. От простых изменений цвета до сложных вопросов управления доступом к файлам.
Работа с ограничениями
Обсуждали с клиентом технические ограничения шаблона, предлагали творческие решения в рамках выбранной платформы. Например, почему определенные элементы ведут себя по-разному на разных экранах.
Тестирование и оптимизация
Тщательно проверили:
✅Корректность отображения элементов сайта
✅Размеры фотографий и читаемость текстов
✅Поведение всех элементов на мобильных устройствах
✅Работу форм и согласий на обработку персональных данных
Запуск и техническая поддержка
Миграция и настройка
Перенесли сайт на хостинг клиента, настроили все необходимые сервисы. Старый сайт закрыли от индексации поисковиками.
Обучение пользователей
Предоставили подробную инструкцию по работе с административной панелью, дали рекомендации по форматам и размерам загружаемых изображений.
