Descripción general del proyecto
En la web Shopyy de 365 Market conectamos ambientes del hogar con el catálogo de muebles. Banners promocionales con escenas interiores crean el tema; secciones de sala y floreros conducen a productos concretos. Banners naranjas, cuadrículas claras y pie oscuro enlazan exploración, comparación y fichas.
| Servicios | Sector | Plataforma |
| Diseño y desarrollo web Shopyy | Hogar y decoración | Shopyy |
| Necesidades del proyecto | Mercado objetivo | Estilo de diseño |
| Conectar ambientes con el catálogo de muebles | Catálogo en español y dirección de contacto en Panamá | Banners promocionales naranjas, cuadrículas claras de muebles y pie oscuro |
| Presupuesto del proyecto | Entregables | Plazo de entrega |
| CNY 5,400 | Inicio, estructura de categorías, fichas de producto, diseño adaptable y página de contacto | 11 días |
Reto de diseño
Los muebles necesitan escenas que transmitan ambiente y detalles que permitan consultar forma y especificaciones. El banner introduce el espacio y después cuadrículas, imágenes de producto y texto desarrollan la información paso a paso.
Estrategia: conectar ambientes y catálogo de muebles
Un banner con escenas del hogar establece el tema; las secciones de sala y floreros lo llevan a productos concretos. El inicio orienta, las categorías comparan y las fichas explican apariencia y especificaciones. Navegación y enlaces conectan niveles.
Montserrat organiza títulos, navegación y texto con jerarquía de tamaño, peso y ancho de párrafo. Banners naranjas, cuadrículas claras y pie oscuro continúan por las páginas. Los grupos son compactos y las secciones tienen más aire para distinguir imágenes, explicaciones y acciones.
Movimiento y funciones al servicio de la elección
Menús agrupados conectan sillas de comedor, sala y exterior; las categorías mantienen ordenar y filtrar. Imagen, cantidad y descripciones por secciones guían las fichas. El móvil recoge la navegación en un icono de menú, manteniendo el orden del escritorio.
Inicio: el ambiente presenta la promoción
Combinamos una escena de muebles con el texto naranja Upgrade en el banner. Logo, categorías y búsqueda quedan ligeros en la cabecera; debajo, Salas conduce del tema a los productos.
La claridad de Montserrat conecta navegación y títulos. El fondo blanco da espacio a las escenas. El naranja se concentra en la promoción y el resto de la interfaz usa texto gris y negro discreto.
Sala y floreros: agrupar por uso
El inicio muestra primero asientos de sala y después cambia a floreros bajo Flores. Cada categoría ocupa una fila con nombre y precio debajo, siguiendo los temas del hogar.
Sofás y floreros comparten escala según el ancho de tarjeta, con más espacio entre grupos. Títulos centrados e independientes marcan la transición de un tema al siguiente.
Comedor: comparar siluetas de sillas
En Comedores, una cuadrícula regular muestra sillas, con título y cantidad arriba y controles de orden y filtro separados. Las fotos frontales revelan diferencias entre respaldos, brazos y bases.
Fondos claros e intervalos iguales definen las siluetas. Nombres y precios pequeños van debajo. Las imágenes permiten comparar y las fichas reservan las especificaciones extensas.
Sofá: apariencia y especificaciones próximas
Sofa Santino coloca el sofá a la izquierda y nombre, precio, cantidad y Detail a la derecha. El mueble tiene espacio suficiente, mientras dimensiones y materiales se explican al lado.
Márgenes blancos amplios rodean la imagen. Párrafos cortos y viñetas ordenan el texto. El fondo claro armoniza con el sofá beige y los botones de borde fino no compiten con el producto.
Detalles inferiores: continuar la información y explorar muebles
Esta sección conserva miniaturas del sofá, la continuación de la descripción, reseñas y recomendaciones debajo. Tras comprobar el producto, el visitante puede pasar naturalmente a otros muebles.
Espacio y títulos separan secciones; las recomendaciones mantienen ancho uniforme. Texto e imagen del producto actual permanecen juntos, mientras otros modelos aparecen en una zona independiente para evitar confusión.
Contacto: un acceso propio para consultas de pedidos
La página reúne correo e indicaciones sobre pedidos; el pie oscuro continúa mostrando los datos comerciales. Su función es localizar canales rápidamente, separada de la comparación de productos.
Títulos y párrafos simples, fondo claro y pie oscuro delimitan las zonas. Un interlineado legible presenta los canales sin decoración que interrumpa la información.
Inicio móvil: conservar escena y tema de sala
En móvil, logo, menú y búsqueda se ordenan en secuencia. El banner se adapta al ancho y sigue con productos Salas. Conservamos el ambiente del inicio y damos suficiente espacio a los muebles.
Espacios verticales distinguen banner, títulos y muebles; las imágenes no se apiñan junto a la navegación. El recorrido sigue siendo tema, categoría y producto.
Sofá móvil: mostrar completa la silueta
La ficha móvil comienza con ruta y gran imagen del sofá, seguidas de nombre y precio. El diseño paralelo del escritorio pasa a vertical para conservar la silueta completa.
Hay aire alrededor de la foto y el título se adapta con saltos naturales. Producto, especificaciones y controles aparecen en orden, manteniendo fondos claros y tipografía legible.
Conclusión: conectar la colección con sus detalles
En 365 Market, la conexión entre ambientes y catálogo guía banners naranjas, cuadrículas claras y pie oscuro en inicio, categorías y fichas. Las imágenes expresan el tema, el texto explica detalles y catálogo y opciones permiten avanzar. El móvil mantiene la secuencia para una experiencia visual y de navegación coherente.
Planifica una web Shopyy clara para tu marca
Comparte tu sitio actual, materiales de marca y páginas necesarias. Revisaremos productos, mercado y prioridades de contenido para definir juntos páginas, diseño y funciones adecuados.
