{"id":16155,"date":"2026-10-18T21:53:47","date_gmt":"2026-10-18T13:53:47","guid":{"rendered":"https:\/\/www.airsang.com\/?p=16155"},"modified":"2026-10-18T21:53:47","modified_gmt":"2026-10-18T13:53:47","slug":"shopyy-beauty-website-design-chroma-dewy","status":"publish","type":"post","link":"https:\/\/www.airsang.com\/es\/shopyy-beauty-website-design-chroma-dewy\/","title":{"rendered":"Dise\u00f1o web Shopyy de belleza: Chroma Dewy, maquillaje y color"},"content":{"rendered":"

Descripci\u00f3n general del proyecto<\/h2>

En la web Shopyy de Chroma Dewy organizamos las p\u00e1ginas alrededor de looks de maquillaje y productos llenos de color. Primeros planos de ojos y textos de colecci\u00f3n forman el banner; paletas y categor\u00edas conducen despu\u00e9s a los productos. La identidad naranja, el fondo claro y las im\u00e1genes saturadas conectan exploraci\u00f3n, comparaci\u00f3n y fichas individuales.<\/p>

Servicios<\/strong><\/td>Sector<\/strong><\/td>Plataforma<\/strong><\/td><\/tr>
Dise\u00f1o y desarrollo web Shopyy<\/td>Belleza y cuidado personal<\/td>Shopyy<\/td><\/tr>
Necesidades del proyecto<\/strong><\/td>Mercado objetivo<\/strong><\/td>Estilo de dise\u00f1o<\/strong><\/td><\/tr>
Looks de maquillaje y exposici\u00f3n de productos por color<\/td>Tienda en ingl\u00e9s con precios en d\u00f3lares estadounidenses<\/td>Identidad naranja, fondo claro e im\u00e1genes de maquillaje saturadas<\/td><\/tr>
Presupuesto del proyecto<\/strong><\/td>Entregables<\/strong><\/td>Plazo de entrega<\/strong><\/td><\/tr>
CNY 4,500<\/td>Inicio, estructura de categor\u00edas, fichas de producto y dise\u00f1o adaptable<\/td>7 d\u00edas<\/td><\/tr><\/tbody><\/table><\/figure>
Visitar el sitio del cliente<\/a><\/div><\/div>

Reto de dise\u00f1o<\/h2>

Una web de maquillaje debe mostrar los resultados y facilitar comparar colores y herramientas. Usamos primeros planos para expresar el tema y cuadr\u00edculas regulares para paletas, brochas y envases, evitando interferencias entre ambos tipos de informaci\u00f3n.<\/p>

Estrategia: looks y productos llenos de color<\/h2>

Los primeros planos de ojos y el texto forman el banner del inicio; debajo, paletas e im\u00e1genes de categor\u00edas llevan al cat\u00e1logo. El inicio orienta, las categor\u00edas comparan y las fichas explican apariencia y opciones. Navegaci\u00f3n y enlaces conectan los niveles.<\/p>

Josefin Sans organiza t\u00edtulos, navegaci\u00f3n y texto con jerarqu\u00eda de tama\u00f1o, peso y ancho. Identidad naranja, fondo claro e im\u00e1genes saturadas contin\u00faan por las p\u00e1ginas principales. Los grupos son compactos y las secciones tienen m\u00e1s aire para separar im\u00e1genes, explicaciones y acciones.<\/p>

Movimiento y funciones al servicio de la elecci\u00f3n<\/h3>

El banner conserva flechas izquierda y derecha; las im\u00e1genes de categor\u00edas llevan a distintos cat\u00e1logos. Cantidad, im\u00e1genes y descripciones agrupadas se centran en cada producto. En m\u00f3vil, la navegaci\u00f3n se recoge en un men\u00fa claro que mantiene el recorrido.<\/p>

Banner: el maquillaje de ojos como primer foco<\/h2>
\"Chroma<\/figure>

Dos primeros planos de ojos ocupan la derecha del banner y el texto tem\u00e1tico la izquierda; el logo naranja Chroma Dewy aparece en una cabecera sencilla. Las im\u00e1genes cercanas muestran color y textura; las flechas permiten pasar a otras colecciones.<\/p>

La ligereza de Josefin Sans conecta navegaci\u00f3n y productos. El fondo claro deja respirar los colores saturados. Imagen y texto tienen zonas propias, sin cargar la primera pantalla con toda la descripci\u00f3n del producto.<\/p>

Novedades: comparar colores en una cuadr\u00edcula<\/h2>
\"Chroma<\/figure>

New Arrivals re\u00fane varias columnas de paletas para comparar tonos de sombra sobre un fondo claro. Nombres y precios son breves; despu\u00e9s aparecen im\u00e1genes de categor\u00edas como Brushes, Eyes y Lips.<\/p>

Paletas del mismo tama\u00f1o y tarjetas uniformes crean orden, con espacios iguales entre categor\u00edas. El naranja identifica la marca en puntos concretos; el protagonismo crom\u00e1tico pertenece a los productos.<\/p>

Brochas: mostrar formas y composici\u00f3n de los conjuntos<\/h2>
\"Chroma<\/figure>

La categor\u00eda Makeup Brushes re\u00fane brochas individuales y sets en una cuadr\u00edcula. Las im\u00e1genes explican primero cabezales, mangos y n\u00famero de piezas, con nombres y precios debajo.<\/p>

Fondo blanco y mayor separaci\u00f3n reducen la saturaci\u00f3n. Navegaci\u00f3n fina y t\u00edtulo centrado mantienen ligereza. Las herramientas del cat\u00e1logo ocupan su zona sin interrumpir la comparaci\u00f3n.<\/p>

Ficha: el envase tem\u00e1tico presenta el producto<\/h2>
\"Chroma<\/figure>

En The Volturi, la imagen del envase rojo y negro ocupa la izquierda; nombre, precio, cantidad y descripci\u00f3n breve, la derecha. La imagen define la identidad visual antes de que el texto detalle el producto.<\/p>

El rojo contrasta con el fondo claro. Controles de l\u00edneas finas y espacios compactos ordenan las acciones. El aire entre imagen y texto mantiene legible el tema oscuro dentro de una interfaz ligera.<\/p>

M\u00e1s detalles: separar informaci\u00f3n y recomendaciones<\/h2>
\"Chroma<\/figure>

M\u00e1s abajo se conservan miniaturas, rese\u00f1as y You May Also Like. El espaciado conecta las secciones y distingue informaci\u00f3n del producto actual y nuevas opciones para seguir comprando.<\/p>

Las recomendaciones comparten ancho de columna. Retratos, envases y herramientas siguen sobre fondos claros. Subt\u00edtulos y espacio vertical separan grupos para continuar hacia productos de inter\u00e9s.<\/p>

Inicio m\u00f3vil: men\u00fa compacto, colecci\u00f3n y novedades<\/h2>
\"Chroma<\/figure>

En m\u00f3vil, la navegaci\u00f3n horizontal pasa a un acceso rojo MENU; logo y b\u00fasqueda se apilan arriba. El banner precede a New Arrivals, manteniendo el recorrido del look al producto.<\/p>

Las im\u00e1genes ganan espacio en pantallas estrechas, con t\u00edtulo y precio en vertical. La barra roja se distingue del contenido claro y permite volver a las categor\u00edas mientras se explora.<\/p>

Ficha m\u00f3vil: im\u00e1genes y detalles en secuencia<\/h2>
\"Chroma<\/figure>

La ficha m\u00f3vil comienza con la ruta de navegaci\u00f3n y el envase en grande, seguidos de nombre, precio y cantidad. La imagen conserva el tema completo y las columnas se convierten en lectura continua.<\/p>

Los t\u00edtulos se alinean a la izquierda y saltan de l\u00ednea, con separaci\u00f3n entre precio y controles. Fondo claro, bordes finos y colores de marca conectan la ficha con las dem\u00e1s p\u00e1ginas.<\/p>

Conclusi\u00f3n: conectar la colecci\u00f3n con sus detalles<\/h2>

En Chroma Dewy, los looks y el color gu\u00edan identidad naranja, fondos claros e im\u00e1genes saturadas en inicio, categor\u00edas y fichas. Las im\u00e1genes expresan el tema, el texto aclara y cat\u00e1logo y opciones permiten avanzar. El m\u00f3vil mantiene la secuencia para una experiencia coherente.<\/p>

Planifica una web Shopyy clara para tu marca<\/h2>

Comparte tu sitio actual, materiales de marca y p\u00e1ginas necesarias. Revisaremos productos, mercado y prioridades de contenido para definir juntos p\u00e1ginas, dise\u00f1o y funciones adecuados.<\/p>

Reservar una consulta sobre Shopyy<\/a><\/div>
Explorar servicios de dise\u00f1o web<\/a><\/div><\/div>