Visão geral do projeto
No site Shopyy da 365 Market, ligámos ambientes ao catálogo de mobiliário. Banners promocionais com cenários domésticos estabelecem o tema; secções de sala e vasos conduzem aos produtos. Banners laranja, grelhas claras e rodapé escuro ligam exploração temática, comparação e consulta individual.
| Serviços | Setor | Plataforma |
| Design e desenvolvimento de sites Shopyy | Casa e decoração | Shopyy |
| Requisitos do projeto | Mercado-alvo | Estilo de design |
| Ligar ambientes ao catálogo de mobiliário | Catálogo em espanhol, com morada de contacto no Panamá | Banners promocionais laranja, grelhas claras de mobiliário e rodapé escuro |
| Orçamento do projeto | Entregáveis | Prazo de entrega |
| CNY 5,400 | Página inicial, estrutura de categorias, detalhes de produto, design responsivo e página de contacto | 11 dias |
Desafio de design
O mobiliário precisa de transmitir ambiente através dos espaços e permitir consultar formas e especificações. Criámos o cenário no banner inicial, avançando por grelhas, fotografias individuais e explicações.
Estratégia: ligar ambientes ao catálogo de mobiliário
Banners com ambientes domésticos apresentam o tema; secções de sala e vasos ligam-no aos artigos. A página inicial orienta, as categorias comparam e os detalhes explicam aparência e especificações. Navegação e ligações unem os níveis.
Montserrat organiza títulos, navegação e texto. Tamanho, peso e largura dos parágrafos definem hierarquia. Banners laranja, grelhas claras e rodapé escuro percorrem as páginas. Grupos compactos e maior espaço entre secções distinguem fotografias, explicações e ações.
Movimento e funcionalidades: apoiar a escolha atual
Menus agrupados no cabeçalho ligam cadeiras de jantar, sala e exterior. As categorias mantêm ordenação e filtros. Imagens, quantidade e descrições divididas organizam os detalhes; no telemóvel o menu recolhe a um ícone, mantendo a ordem de utilização.
Página inicial: ambientes ligam a campanha ao tema
Combinámos um cenário interior com a mensagem laranja Upgrade num banner. Logótipo, categorias e pesquisa mantêm-se leves; a secção Salas abaixo continua o caminho até aos produtos.
Montserrat liga navegação e títulos com formas claras; o fundo branco dá espaço ao cenário. O laranja concentra-se na campanha, deixando o restante interface em cinzento e preto discretos.
Sala e vasos: exposição agrupada por utilização
Na página inicial apresentámos primeiro assentos de sala, passando aos vasos com o título Flores. Cada categoria ocupa uma linha, com nome e preço sob a imagem, acompanhando os temas da casa.
Sofás e vasos usam escalas ajustadas à largura dos cartões. Espaços amplos separam os grupos e os títulos centrados marcam o fim de um tema e o início do seguinte.
Cadeiras de jantar: comparar diferenças de contorno
Em Comedores, uma grelha regular mostra cadeiras, com título e quantidade acima e ordenação e filtros separados. Fotografias frontais revelam diferenças entre costas, braços e bases.
Fundo claro e intervalos iguais mantêm as formas legíveis. Nomes e preços pequenos ficam abaixo. As imagens permitem comparar, enquanto as especificações longas ficam nas páginas individuais.
Sofá: aparência e especificações lado a lado
Na página Sofa Santino, a imagem ocupa a esquerda; nome, preço, quantidade e Detail ficam à direita. A peça tem espaço suficiente e medidas e materiais são explicados ao lado, ponto por ponto.
Margens brancas amplas rodeiam a fotografia. Parágrafos curtos e listas organizam o texto. O fundo claro harmoniza com o sofá bege e os botões de contorno fino não competem com o produto.
Detalhes inferiores: continuar a descrição e explorar mobiliário
Mantivemos miniaturas, a continuação da descrição e, abaixo, avaliações e recomendações. Depois de verificar o sofá, o visitante segue naturalmente para outros móveis.
Espaços e títulos separam áreas, mantendo cartões de recomendação da mesma largura. Texto técnico e imagem pertencem ao mesmo artigo; outros modelos ficam numa área própria para evitar confusão.
Contactos: uma entrada própria para falar sobre encomendas
Email e instruções sobre encomendas ficam no corpo; o rodapé escuro repete contactos da empresa. A página permite encontrar canais rapidamente, separada da comparação de produtos.
Títulos e parágrafos simples organizam o conteúdo. O fundo claro e o rodapé escuro definem limites. Entrelinha legível e ausência de decoração desnecessária deixam os contactos em destaque.
Página inicial móvel: manter ambientes e tema da sala
Logótipo, menu e pesquisa aparecem em sequência. O banner adapta-se à largura e os produtos Salas seguem abaixo. Preservámos o ambiente inicial e demos área suficiente às fotografias.
Espaços verticais distinguem banner, títulos e mobiliário, sem colocar imagens e navegação na mesma linha apertada. A leitura móvel segue tema, categoria e produto.
Sofá no telemóvel: mostrar o contorno completo
A navegação estrutural e a grande fotografia surgem primeiro, seguidas de nome e preço. A disposição horizontal passa a vertical, preservando a forma completa da peça.
Espaço rodeia a fotografia e o título ajusta-se naturalmente à largura. Produto, especificações e controlos seguem em ordem, mantendo o fundo claro e a tipografia legível.
Síntese do design: ligar o tema aos detalhes concretos
Na 365 Market, ambientes e catálogo orientam banners laranja, grelhas claras e rodapé escuro entre página inicial, categorias e produtos. As imagens apresentam o tema, o texto explica detalhes e as entradas de catálogo e opções apoiam a ação seguinte. O telemóvel mantém a sequência para uma experiência visual e de navegação coerente.
Planeie um site Shopyy claro para a sua marca
Partilhe o site atual, os materiais da marca e as páginas necessárias. Tendo em conta os produtos, o mercado-alvo e as prioridades de conteúdo, planearemos consigo as páginas, o design e as funcionalidades adequadas.
