Региональный оптово-розничный торговый центр «Китай-город» — крупнейший торговый комплекс Иркутской области, расположенный на 15 гектарах и объединяющий более 500 магазинов. Центр ежедневно посещает около 10 000 человек из Иркутска, Иркутской области, Бурятии и Забайкальского края.
Задача
Основная задача сайта — создать удобную цифровую среду, которая позволит пользователям ориентироваться в ассортименте товаров и расположении магазинов, узнавать актуальную информацию о ярмарках и специальных предложениях, а также привлекать арендаторов и рекламодателей.
Основные требования к проекту:
Разработать современный и удобный сайт в едином фирменном стиле.
Обеспечить понятную и интуитивную навигацию, позволяющую быстро находить нужные категории товаров и магазины.
Создать интерактивную схему расположения магазинов.
Интегрировать блок для арендаторов и рекламодателей, предоставив удобную форму обратной связи.
Провести SEO-оптимизацию для повышения поисковой видимости сайта.
Разработать адаптивный дизайн, который будет корректно отображаться на всех устройствах.
Использовать нейросети для создания уникальных изображений товарных категорий.
Вручную отрисовать детализированную схему ТЦ, упрощающую навигацию для посетителей.
Структура страницы и прототипирование
Так как сайт является одностраничным (лендингом), было особенно важно правильно выстроить структуру, чтобы посетитель мог легко и быстро находить нужную информацию.
Основные блоки лендинга:
1️⃣ Главный экран
Крупный баннер с уникальным графическим оформлением, отображающим атмосферу «Китай-города».
Основное сообщение, передающее масштаб и преимущества торгового центра.
2️⃣ Блок с сезонными предложениями
Информация о ярмарках, скидках и специальных акциях.
Динамический контент, который меняется в зависимости от времени года (новогодние базары, школьные ярмарки, сезонные распродажи).
3️⃣ Категории товаров
25 ключевых товарных категорий, представленных в виде карточек.
Для каждой категории было создано уникальное изображение, сгенерированное нейросетью.
4️⃣ Интерактивная схема ТЦ
Детализированная карта, на которой отмечены входы, магазины, удобства и основные ориентиры.
Вся схема была отрисована вручную, чтобы обеспечить точное соответствие реальной планировке.
5️⃣ Описание торгового центра
Краткая информация о «Китай-городе», его истории, особенностях и масштабе.
Цифровая статистика: количество магазинов, площадь ТЦ, среднее число посетителей в день.
6️⃣ Блок для арендаторов и рекламодателей
Преимущества аренды в «Китай-городе».
Возможности размещения рекламы на территории комплекса.
Удобная форма обратной связи для потенциальных партнёров.
7️⃣ Социальные сети и подписка
Интерактивный блок с ссылками на соцсети и кнопкой подписки на обновления.
8️⃣ Контакты и карта проезда
Полный адрес торгового центра.
График работы и контактные телефоны.
Интерактивная карта с маршрутизацией.
Прототипирование позволило заранее протестировать пользовательский путь и убедиться, что все элементы расположены логично и удобно.
Разработка дизайн-концепции
Перед созданием визуального оформления мы провели анализ референсов и разработали мудборд, включающий:
Основные цвета: насыщенный красный и золотой – традиционные оттенки восточной культуры.
Графические элементы: восточные узоры, изображения драконов и текстуры, подчёркивающие стиль.
Шрифты: сочетание строгих заголовков и удобных для чтения текстов.
Было предложено несколько вариантов концепции, и в итоге выбран следующий стиль:
✅ Яркая и контрастная цветовая палитра, подчёркивающая атмосферу восточного рынка.
✅ Минималистичная подача информации, без перегрузки визуальными элементами.
✅ Удобные карточки категорий с динамическими изображениями.
✅ Адаптивность – сайт отлично выглядит как на десктопе, так и на мобильных устройствах.
Разработка и перенос на Tilda
Для удобного редактирования и быстрой загрузки было принято решение создать лендинг на платформе Tilda.
Преимущества выбора Tilda:
Гибкость редактирования — команда «Китай-города» может самостоятельно обновлять контент.
Высокая скорость загрузки благодаря оптимизированному коду.
Адаптивность — корректное отображение на всех типах устройств.
Интерактивные элементы и анимации для создания эффекта вовлечённости.
SEO-оптимизация
Для повышения поисковой видимости была проведена комплексная SEO-оптимизация:
✅ Подобраны ключевые слова и фразы, отражающие тематику ТЦ.
✅ Оптимизированы мета-теги (title, description, h1, alt-теги для изображений).
✅ Скорость загрузки страниц была улучшена, что положительно влияет на ранжирование.