О проекте
«Свобода мебель» — это сеть торговых мебельных центров, расположенных в Москве.
Заказчик обратился в веб-студию Iris Digital с задачей разработать новый сайт для своей сети, который должен был быть функциональным и современным, а также интегрированным с системой 1С-Битрикс.
Разработка логотипа
Мы начали с создания логотипа, предложив несколько концепций. В результате совместной работы был выбран стильный и запоминающийся вариант, который отражает сущность бренда и его ценности. Логотип стал основой для визуальной идентичности сайта и всей маркетинговой стратегии.
Создание сайта
Мы разработали адаптивный дизайн сайта, который обеспечивает удобный доступ как с настольных компьютеров, так и с мобильных устройств. Структура сайта включает следующие ключевые страницы:
- Главная страница: яркий старт для пользователей, представляющий основные предложения сети.
- Список торговых центров: раздел с фотографиями и кратким описанием каждого центра.
- Новости и статьи: актуальная информация о новинках и акциях.
- Карточка торгового центра: детальная информация о каждом ТЦ, включая:
- Фотогалерею с детальным просмотром фото.
- Список магазинов с логотипами и возможностью просмотра подробной информации о каждом.
- Схемы этажей с расположением магазинов, где арендодатели могут выбрать свободное место и забронировать его через сайт.
- Контактные данные ТЦ с картой и детальным описанием, как добраться.
Интерактивная схема этажей
Одним из самых сложных и интересных аспектов проекта стало создание интерактивной схемы этажей. Мы впервые реализовывали такой функционал, который стал ключевым элементом сайта. Схема представляет собой SVG-изображение, где различные участки были окрашены в разные цвета в зависимости от их статуса: занятые или свободные для аренды.
Технологии создания интерактивной SVG карты
- JavaScript для добавления интерактивности: при наведении на участок карты появляется всплывающее окно с информацией о магазине или статусе площади (свободно для аренды), а также размеры и стоимость.
- CSS для стилизации элементов карты: использование различных цветов и эффектов при наведении помогает пользователю быстро ориентироваться в пространстве.
- 1С-Битрикс для управления данными: администраторы сайта могут легко обновлять информацию о магазинах и арендных участках через удобный интерфейс.
Результат
Сайт сети торговых мебельных центров был разработан за 10 месяцев и в настоящее время находится на обслуживании и развитии у заказчика. Мы уверены, что созданный ресурс станет важным инструментом для успешного бизнеса «Свобода мебель».
Проект «Свобода мебель» является ярким примером того, как современные технологии могут улучшить бизнес-процессы и создать удобный интерфейс для пользователей. Мы уверены, что интерактивные решения, такие как SVG-карты, подойдут не только для сайтов мебельных центров, но и для других отраслей, включая недвижимость, где визуализация пространства играет ключевую роль.
