{"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\/pt\/shopyy-beauty-website-design-chroma-dewy\/","title":{"rendered":"Design de site Shopyy de cosm\u00e9tica: maquilhagem e exposi\u00e7\u00e3o de cores na Chroma Dewy"},"content":{"rendered":"

Vis\u00e3o geral do projeto<\/h2>

No site Shopyy da Chroma Dewy, organiz\u00e1mos p\u00e1ginas em torno dos efeitos de maquilhagem e da exposi\u00e7\u00e3o de cores. Grandes planos de olhos e texto tem\u00e1tico formam o banner inicial; paletas e imagens de categorias conduzem aos produtos. Identidade laranja, fundo claro e imagens saturadas ligam tema, compara\u00e7\u00e3o e consulta individual.<\/p>

Servi\u00e7os<\/strong><\/td>Setor<\/strong><\/td>Plataforma<\/strong><\/td><\/tr>
Design e desenvolvimento de sites Shopyy<\/td>Beleza e Cuidados Pessoais<\/td>Shopyy<\/td><\/tr>
Requisitos do projeto<\/strong><\/td>Mercado-alvo<\/strong><\/td>Estilo de design<\/strong><\/td><\/tr>
Temas de maquilhagem e exposi\u00e7\u00e3o de produtos coloridos<\/td>Loja em ingl\u00eas, com pre\u00e7os em d\u00f3lares americanos<\/td>Identidade laranja, fundo claro e imagens de maquilhagem saturadas<\/td><\/tr>
Or\u00e7amento do projeto<\/strong><\/td>Entreg\u00e1veis<\/strong><\/td>Prazo de entrega<\/strong><\/td><\/tr>
CNY 4,500<\/td>P\u00e1gina inicial, estrutura de categorias, detalhes de produto e design responsivo<\/td>7 dias<\/td><\/tr><\/tbody><\/table><\/figure>
Visitar o site do cliente<\/a><\/div><\/div>

Desafio de design<\/h2>

O site deve transmitir o resultado da maquilhagem e facilitar a compara\u00e7\u00e3o de cores e ferramentas. Us\u00e1mos retratos aproximados para o tema e grelhas regulares para paletas, pinc\u00e9is e embalagens, evitando competi\u00e7\u00e3o entre informa\u00e7\u00f5es.<\/p>

Estrat\u00e9gia: maquilhagem e exposi\u00e7\u00e3o de cores<\/h2>

Grandes planos de olhos e texto formam o banner. Paletas e categorias abaixo conduzem ao cat\u00e1logo. A p\u00e1gina inicial orienta, as categorias permitem comparar e os produtos explicam apar\u00eancia e especifica\u00e7\u00f5es. Navega\u00e7\u00e3o e liga\u00e7\u00f5es unem os n\u00edveis.<\/p>

Josefin Sans organiza t\u00edtulos, navega\u00e7\u00e3o e texto; tamanho, peso e largura dos par\u00e1grafos criam hierarquia. Laranja, fundo claro e imagens saturadas percorrem as p\u00e1ginas. A informa\u00e7\u00e3o fica pr\u00f3xima dentro dos grupos, com espa\u00e7o entre sec\u00e7\u00f5es para distinguir imagens, explica\u00e7\u00f5es e a\u00e7\u00f5es.<\/p>

Movimento e funcionalidades: apoiar a escolha atual<\/h3>

O banner mant\u00e9m setas laterais e as imagens de categorias abaixo ligam os cat\u00e1logos. Quantidade, imagens e descri\u00e7\u00f5es agrupam-se em torno do produto. No telem\u00f3vel, a navega\u00e7\u00e3o recolhe a uma entrada clara, mantendo a continuidade da explora\u00e7\u00e3o.<\/p>

Banner inicial: os olhos s\u00e3o o primeiro foco visual<\/h2>
\"Chroma<\/figure>

Dois grandes planos de maquilhagem ficam \u00e0 direita, texto tem\u00e1tico \u00e0 esquerda e o log\u00f3tipo laranja Chroma Dewy no cabe\u00e7alho simples. Os olhos mostram cor e textura; setas permitem mudar de tema.<\/p>

A leveza de Josefin Sans liga navega\u00e7\u00e3o e texto. O fundo claro d\u00e1 espa\u00e7o \u00e0 maquilhagem intensa. Imagem e texto t\u00eam \u00e1reas pr\u00f3prias, sem concentrar toda a descri\u00e7\u00e3o no primeiro ecr\u00e3.<\/p>

Novidades: comparar cores numa grelha regular<\/h2>
\"Chroma<\/figure>

Organiz\u00e1mos New Arrivals em v\u00e1rias colunas de paletas, comparando cores sobre fundo claro. Nomes e pre\u00e7os s\u00e3o breves; a sec\u00e7\u00e3o seguinte apresenta categorias como Brushes, Eyes e Lips.<\/p>

Paletas do mesmo tamanho e cart\u00f5es iguais criam ordem, com intervalos regulares entre categorias. O laranja identifica a marca pontualmente; as cores principais v\u00eam dos produtos.<\/p>

Pinc\u00e9is: mostrar formas e composi\u00e7\u00e3o dos conjuntos<\/h2>
\"Chroma<\/figure>

Pinc\u00e9is individuais e conjuntos partilham a grelha sob Makeup Brushes. As imagens mostram primeiro cabe\u00e7as, cabos e quantidades; nomes e pre\u00e7os aparecem depois.<\/p>

Branco e espa\u00e7amento amplo reduzem a concentra\u00e7\u00e3o visual. Navega\u00e7\u00e3o fina e t\u00edtulo centrado mant\u00eam leveza. As ferramentas do cat\u00e1logo t\u00eam lugar pr\u00f3prio sem interromper a compara\u00e7\u00e3o.<\/p>

Produto: a embalagem tem\u00e1tica introduz os detalhes<\/h2>
\"Chroma<\/figure>

Na p\u00e1gina The Volturi, a embalagem vermelha e preta ocupa a esquerda; nome, pre\u00e7o, quantidade e descri\u00e7\u00e3o breve ficam \u00e0 direita. A imagem apresenta a identidade visual antes dos pormenores escritos.<\/p>

O fundo vermelho distingue-se da p\u00e1gina clara. Contornos finos e espa\u00e7amento compacto organizam os controlos. Espa\u00e7o entre fotografia e texto permite ler o tema escuro dentro da interface leve.<\/p>

Mais detalhes: separar informa\u00e7\u00e3o complementar e recomenda\u00e7\u00f5es<\/h2>
\"Chroma<\/figure>

Mantivemos miniaturas, avalia\u00e7\u00f5es e You May Also Like abaixo. O espa\u00e7amento liga as sec\u00e7\u00f5es, distinguindo informa\u00e7\u00f5es do produto atual das entradas para continuar a escolher.<\/p>

As recomenda\u00e7\u00f5es usam colunas iguais. Retratos, embalagens e ferramentas continuam sobre fundo claro. Subt\u00edtulos e espa\u00e7os verticais separam os grupos e permitem encontrar outros produtos de interesse.<\/p>

P\u00e1gina inicial m\u00f3vel: recolher o menu e manter tema e novidades<\/h2>
\"Chroma<\/figure>

A navega\u00e7\u00e3o horizontal passa \u00e0 entrada vermelha MENU, com marca e pesquisa empilhadas acima. O banner \u00e9 seguido de New Arrivals, mantendo a sequ\u00eancia de inspira\u00e7\u00e3o e produtos.<\/p>

Na largura reduzida, as imagens ganham espa\u00e7o e nomes e pre\u00e7os seguem verticalmente. A barra vermelha distingue-se do conte\u00fado claro, permitindo regressar \u00e0s categorias durante a explora\u00e7\u00e3o.<\/p>

Produto m\u00f3vel: imagens e explica\u00e7\u00f5es em sequ\u00eancia<\/h2>
\"Chroma<\/figure>

Come\u00e7amos pela navega\u00e7\u00e3o estrutural e pela grande fotografia da embalagem, seguindo-se nome, pre\u00e7o e quantidade. O tema fica completo e as duas colunas tornam-se leitura cont\u00ednua.<\/p>

T\u00edtulos \u00e0 esquerda ajustam-se naturalmente \u00e0 largura, com espa\u00e7o entre pre\u00e7o e controlos. Fundo claro, linhas finas e cor da marca mant\u00eam a linguagem das restantes p\u00e1ginas.<\/p>

S\u00edntese do design: ligar o tema aos detalhes concretos<\/h2>

Na Chroma Dewy, maquilhagem e cores orientam identidade laranja, fundo claro e fotografias saturadas entre p\u00e1gina inicial, categorias e produtos. As imagens exprimem o tema, o texto explica detalhes e os controlos apoiam a etapa seguinte. O telem\u00f3vel mant\u00e9m a sequ\u00eancia para uma experi\u00eancia coerente.<\/p>

Planeie um site Shopyy claro para a sua marca<\/h2>

Partilhe o site atual, os materiais da marca e as p\u00e1ginas necess\u00e1rias. Tendo em conta os produtos, o mercado-alvo e as prioridades de conte\u00fado, planearemos consigo as p\u00e1ginas, o design e as funcionalidades adequadas.<\/p>

Agendar uma consulta sobre um site Shopyy<\/a><\/div>
Conhecer os servi\u00e7os de design de websites<\/a><\/div><\/div>