Обзор проекта
На сайте 365 Market на Shopyy мы связали интерьерную тему с каталогом мебели. Акционные баннеры с домашними сценами задают настроение; разделы мебели для гостиной и ваз ведут к конкретным товарам. Оранжевые баннеры, светлые сетки и тёмный подвал соединяют тему, сравнение и отдельный товар.
| Услуги | Отрасль | Платформа |
| Дизайн и разработка сайтов Shopyy | Дом и интерьер | Shopyy |
| Задачи проекта | Целевой рынок | Стиль дизайна |
| Связь интерьерной темы с каталогом мебели | Каталог на испанском, контактный адрес в Панаме | Оранжевые акционные баннеры, светлые мебельные сетки и тёмный подвал |
| Стоимость проекта | Состав работ | Срок выполнения |
| CNY 5,400 | Главная, структура категорий, карточки товаров, адаптивный дизайн и страница контактов | 11 дней |
Задача дизайна
Мебель должна передавать атмосферу в интерьере и позволять изучить форму и характеристики отдельного предмета. Баннер главной создаёт сцену, затем сетка, фотографии и текст раскрывают детали поэтапно.
Стратегия: связь интерьеров и мебельного каталога
Баннер с домашней сценой задаёт тему; мебель для гостиной и вазы соединяют впечатление с товарами. Главная направляет, категории сравнивают, детали объясняют внешний вид и параметры. Меню и ссылки связывают уровни.
Montserrat организует заголовки, меню и текст. Размер, насыщенность и ширина абзацев создают иерархию. Оранжевые баннеры, светлые сетки и тёмный подвал повторяются на страницах. Группы компактны, разделы разнесены, чтобы различать фотографии, пояснения и действия.
Анимация и функции: поддержка текущего выбора
Сгруппированное меню шапки ведёт к обеденным стульям, гостиной и садовой мебели. Категории сохраняют сортировку и фильтры. В деталях расположены фотографии, количество и разделённые пояснения; мобильное меню сворачивается в значок, сохраняя порядок действий.
Главная: интерьер связывает акцию с темой
Домашняя мебельная сцена и оранжевый текст Upgrade образуют баннер. Логотип, категории и поиск остаются лёгкими; раздел Salas ниже продолжает путь к товарам.
Чёткая Montserrat соединяет меню и заголовки. Белый фон даёт фотографии полное пространство. Оранжевый сосредоточен в акции, остальной интерфейс сдержан серо-чёрным текстом.
Гостиная и вазы: группы по назначению
Сначала показаны сиденья для гостиной, затем заголовок Flores переводит к вазам. Каждая категория занимает ряд, название и цена следуют под изображением, поддерживая домашнюю тему.
Масштаб диванов и ваз согласован с шириной карточек. Между группами большие интервалы; отдельные центрированные заголовки отмечают завершение одной темы и начало другой.
Обеденные стулья: сравнение силуэтов
В Comedores разные стулья показаны ровной сеткой. Название и количество находятся сверху, сортировка и фильтры отдельно. Фронтальные фотографии сразу показывают различия спинок, подлокотников и оснований.
Светлый фон и равномерные интервалы сохраняют чёткость формы. Названия и цены небольшие под изображениями. Сравнение выполняют фотографии, длинные характеристики остаются на страницах товаров.
Диван: внешний вид рядом с параметрами
На Sofa Santino фотография занимает левую часть, название, цена, количество и Detail — правую. Отдельному предмету достаточно пространства, размеры и материалы перечисляются рядом.
Широкие белые поля окружают фотографию; короткие абзацы и списки организуют текст. Светлый интерфейс мягко сочетается с бежевым диваном, тонко очерченные кнопки не отвлекают от товара.
Нижние детали: от описания к другой мебели
Продолжаются миниатюры дивана, оставшееся описание, затем отзывы и рекомендации. После проверки текущего предмета посетитель естественно переходит к другой мебели.
Отступы и заголовки разделяют области; рекомендации сохраняют одинаковую ширину карточек. Характеристики и фотография относятся к одному товару, другие модели вынесены отдельно для ясности.
Контакты: отдельный вход для вопросов о заказе
Email и инструкции по заказам собраны в основном тексте; тёмный подвал также показывает контакты продавца. Страница помогает быстро найти канал, отдельно от сравнения товаров.
Простые заголовки и абзацы формируют текст. Светлая область и тёмный подвал ясно разделены. Удобные интервалы и отсутствие лишнего декора сохраняют внимание на контактах.
Мобильная главная: сохранить интерьер и гостиную
Логотип, меню и поиск идут последовательно. Акционный баннер адаптирован к узкому экрану, ниже продолжаются товары Salas. Тема интерьера сохранена, фотографиям мебели отдано достаточно площади.
Вертикальные интервалы разделяют баннер, заголовки и мебель; изображения не теснятся с меню в одной строке. Чтение по-прежнему идёт от темы к категории и товару.
Диван на телефоне: полная форма предмета
Сначала показаны навигационная цепочка и большая фотография дивана, затем название и цена. Горизонтальная структура становится вертикальной, сохраняя полный силуэт мебели.
Изображение окружено свободным местом; заголовок естественно переносится к информации ниже. Товар, параметры и действия идут по порядку, сохраняя светлый фон и ясную типографику.
Итоги дизайна: связь темы и конкретной информации
В 365 Market связь интерьеров и каталога объединяет оранжевые баннеры, светлые сетки и тёмный подвал главной, категорий и товаров. Изображения выражают тему, текст объясняет детали, каталог и параметры поддерживают следующий шаг. Телефон сохраняет ту же последовательность для целостного визуального опыта и навигации.
Спланируйте понятный сайт Shopyy для своего бренда
Пришлите адрес сайта, материалы бренда и список нужных страниц. С учётом товаров, целевого рынка и приоритетов контента вместе определим подходящие страницы, оформление и функции.
