# data[].attributes.body
O site escolhido é a singular, uma loja online para a compra de roupas, podendo encontrar vestidos, blusas, saias, jaquetas, entre outros, porém é bastante conhecida pelos vestidos. Em relação ao design e a arquitetura desse site, ele é igual a outros sites de lojas de roupas e de departamento, como a Renner, Riachuelo e outras. Assim, é possível abrir as abas (nos três risquinhos) e navegar pelos departamentos e promoções do site, também é possível observar no alto da tela os três ícones clássicos desse tipo de loja, a pessoa indicando o perfil, a lupa indicando a blusa especifica e a sacolinha para mostrar as suas peças nos carinhos, mesmo não tendo o ícone de “home”, para voltar para o menu principal basta clicar na palavra singular. Ao decorrer na barra de rolagem, é possível encontrar atalhos para levar para os tipos de categorias especificas e navegar pelas coleções. Ao final da página, você encontra as informações gerais e importantes da loja, como Atendimento ao cliente, Pedidos, Políticas e Termos entre outras.

Por mais que o site seja bem completo e tenha informações, comentários e feedbacks de compradores falando que seja positivo comprar com a loja. Há diversas reclamações no reclame aqui e vídeos sobre a loja, falando que na verdade os vestidos não chegam dessa forma e que os materiais não possuem a qualidade que dizem ter, além de que o contato com a loja é extremamente demorado.

# data[].attributes.body
(Sistema escolhido: Navegação)

O site escolhido para analise foi o blog Zero Corpse, um blog feito por fãs com o objtivo de criar uma comunidade com foco em jogos de terror feitos da categoria RPG maker, além dos artigos o blog possui alguns jogos organizados por ordem alfabeticas e disponiveis para analise, traduções, fatos sobre jogos da categoria, aba sobre a comunidade, ajuda e contato e uma aba dedicada ao projeto Dollmaker que consiste num projeto direcionado a criação de jogos RPG maker, em geral o site é simples não contendo muitos icones, dessa forma é necessario por exemplo que o usuário esteja habituado a palavra home e remeta ela a página inicial do site caso ao contrario ele pode se sentir meio perdido.

Em quesitos de acessibilidade, o site não possui ferramentas especificas voltadas a isso o que pode torna-lo de dificil acesso por pessoas com baixa visão, cegueira ou qualquer deficiência que atrapalhe a visão, além disso sua escolha de cores pode fazer com que pessoas com algum transtorno que afete a habilidade de enxergar as cores tenha problemas em ler os conteúdos do site.

Por não possuir icones,a leitura por pessoas não alfabetizadas é quase impossivel, sendo necessarios ferramentas de auxilio externas para acessar o conteúdo.

Além da aba home o usuário assim como na maior parte dos sites pode voltar ao inicio clicando na logo do site, além disso no final de cada artigo ou página contem uma tecla chamada inicio, que direciona o usuario direto a página inicial, além de duas setas para a esquerda e para a direita que permite o acesso ao proximo artigo da página.

O site não possui um menu hamburguer, dessa forma suas funções estão limitadas aquelas que aparecem no topo do site, que continuam ali independenta da página que você entre.

# data[].attributes.body
Sistema de arquitetura - rotulação

Site do MASP

O site do MASP possui a fonte das letras bem grandes, sendo algo positivo já que facilita na leitura. Mas em relação a navegação das várias partes do site, isso acabou sendo algo ruim, porque dependendo do aparelho que o usuário esta navegando, as letras podem sair da área demarcada ou sumir no canto da tela, dificultando a leitura ou localização de uma área desejada. Um exemplo disso é quando se está usando o site pelo smartphone (foto) onde o campo "ingresso" some parcialmente, o que pode gerar dúvida. Também é possível notar que parte da frase do cartaz (onde era para atrair as pessoas as diversas atividades disponíveis no MASP) some, não possibilitando entender qual a temática da atividade.

# data[].attributes.body
O site da Planet Girls é um e-commerce ou loja virtual de roupas e acessórios focado para o público feminino.

Seu design é baseado na estética da marca: feminilidade, jovem, ostentação e vibrante. Os detalhes das fontes e dos elementos reforçam a identidade da Planet e torna o acesso e busca mais atraentes.

A organização do site é realizada por tópicos ou categorias (novidades, roupas, coleções, acessórios...). Dessa forma, a busca pelos produtos torna-se mais intuitiva.

Os ícones do site são comuns e facéis de serem compreendidos. A escolha das cores mantém a identidade visual da marca. A barra de busca é a mais comum e o ícone é o universal: lupa.

Ao clicar em "roupas", o site direciona para o catálogo da marca e há filtros para facilitar a busca. Os filtros são específicos e um diferencial é a atenção aos detalhes, por exemplo: ocasião - são apresentadas diversas opções de ocasiões para que o usuários possa escolher entre uma delas e encontrar a roupa que se encaixa melhor; decote - usuário escolhe o de sua preferência. Esses filtros mais específicos facilitam o usuário a encontrar exatamente o que deseja e não perde tanto tempo procurando. Acredito ser um diferencial, já que não são todas as lojas virtuais que possuem esses filtros específicos e pensados nos detalhes das peças.

Durante a navegação, o site mostra o caminho percorrido pelo usuário, por exemplo: Roupas > Jaquetas e casacos > com botão > estampada... Isso ajuda na orientação do usuários.

Na parte de cima do site aparece uma barra de anúncios com algumas informações sobre as vendas, entregas e promoções. No final na página há algumas informações gerais sobre a marca, formas de pagamentos, dúvidas e atendimento.

A linguagem dos textos é direcionada para o público-alvo, pois tem um tom mais intímo e informal. Ao clicar no produtos aparecem diversas informações sobre o item, como material, modelo, ocasião...

Possui diversas informações sobre tamanho e medidas das peças e há provador virtual.

No geral, o site cumpre muito bem o seu objetivo de vendas e é cheio de detalhes. Para os usuários da marca é um ambiente divertido e representativo. Os pontos negativos do site são falta de acessibilidade e não há um espaço para feedbacks e comentários sobre os produtos.

# data[].attributes.body
Um site de arquivo criado e administrado por fãs, sem fins lucrativos e não comerciais. Contendo documentos textuais, audiovisuais, iconográficos (fanfic, fanart, vídeo de fã e podfics). O sistema de navegação do AO3 inicialmente se mostra simples, com 4 áreas principais que levam para conteúdos específicos. Sendo elas: 1. Fandoms - onde a busca funciona de maneira hierárquica (do termo geral como anime para o termo mais específico: Haikyuu);2. Navegação: funciona como introdução para navegar no site, possuindo diversas subáreas; 3. A Buscar; 4. O Sobre - o setor que fala sobre o site, dúvidas gerais e a política de serviço do site. O site também oferece um mapa do site.

# data[].attributes.body
Na primeira olhada, o site da Netflix tem um ar realmente prático, com um comportamento que o torna mais parecido com um aplicativo do que com uma página web. Ao passar o cursor do mouse sobre um título, por exemplo, você verá uma sequência de imagens do filme. Clicando nesse título, o serviço mostrará um painel com a sinopse, comentários e outras informações da produção. Ali também aparecerá uma opção chamada More like this que permite encontrar mais facilmente filmes e seriados relacionados ou que tenham a participação de determinado membro do elenco, por exemplo. modo de navegação. No formato atual, você tem que deixar o cursor do mouse sobre uma seta na lateral para percorrer a linha que mostra os demais títulos. Há tão pouca praticidade aí que um desenvolvedor teve a ideia de criar um bookmarklet (pequeno código em JavaScript) que acaba com as listas horizontais. O layout não aposenta a navegação lateral, mas a Netflix jura de pé junto que ficou muito mais fácil e rápido percorrer as linhas. A companhia destaca também que a função foi preparada para, além do mouse, funcionar bem com trackpad e tela sensível a toques.

# data[].attributes.body
O site que escolhi foi o da marca mineira Chico Rei, que usa a criatividade para fazer a diferença na vida das pessoas de forma positiva. Eles valorizam um trabalho justo, adotam processos sustentáveis e se inspiram na cultura de Minas Gerais, sempre colocando o cliente como prioridade no negócio.

O site é bem estruturado. Na parte superior da página inicial apresenta as categorias comerciais (novidades, masculino, feminino, infantil, acessórios, casa, collabs, ofertas) e, na parte inferior, estão as informações da categoria institucional (falar com a Chico Rei, sobre a Chico Rei, precisa de ajuda?, sustentabilidade e trabalhe conosco).

Os canais de atendimento são de fácil acesso. Assim que o usuário clica em “Central de ajuda”, já é direcionado para a página com várias opções que permitem a solução do problema e o número de WhatsApp, o que garante a confiabilidade do cliente e a credibilidade da loja.

Para encontrar o que procura, é possível clicar na palavra “BUSCA” ou na lupa. Clicando no logotipo da marca, a pessoa é direcionada para a página “Sobre a Chico Rei”, que traz informações, inclusive de quem foi o homem que deu nome à marca. Como nos sites de outras lojas on-line, o login pode ser feito com e-mail e senha ou usando a opção de acessar com a conta Google ou Facebook.

No ícone da sacola, as informações apresentadas são: lista de desejos, produtos com desconto, valor de frete e informações sobre troca.

A página oferece uma boa visualização e ícones de fácil reconhecimento. O que pode ser dificultoso para algumas pessoas é o excesso de subcategorias; outro ponto que acredito que ajudaria seria o campo de busca visível, sem precisar clicar sobre a palavra ou sobre a lupa.

# data[].attributes.body
O site Guia de Turismo Brasil possui uma navegação simples e intuitiva, o menu global ajuda a encontrar o que deseja mais rapidamente, quem for utilizar o site uma primeira vez consegue ter uma noção do que o site proporciona.

A pagina inicial apresenta destaques visuais sobre os destinos, além de textos curtos. A barra de pesquisa acompanha a navegação, ao rolar pelo site, ela fica sempre na parte de cima, assim, se quiser pesquisar não precisar voltar a pagina inicial.

Algo que senti falta no site foi a parte de acessibilidade, ele não possui visibilidade de versões em libras ou elementos de alto contraste, como uma boa parte de sites possui.

Um ponto positivo é que a navegação é voltada a descoberta de destinos, incentiva o clique contínuo, ou seja, o usuário fica passando de uma cidade para outra, para quem esta a procura de um destino isso ajuda bastante para conhecer os lugares.

# data[].attributes.body
O site da marca Brain Dead é um ótimo exemplo de como a organização de um site pode refletir a identidade de uma marca. Logo de cara dá pra ver que ele tem uma proposta criativa e diferente, com um visual cheio de personalidade e um estilo bem alternativo. Mesmo sendo um

e-commerce, o site tem um pouco do formato tradicional e aposta em uma experiência mais visual e interativa, sem deixar de ser funcional. As categorias principais são simples e diretas, como: Menu, Shop All (jeans, acessórios, óculos, calçados, artigos para casa e boticário). Essa forma de organização é bem prática porque ajuda o usuário a encontrar o que quer sem complicação. Tudo é apresentado em um layout limpo, em formato de grau, o que deixa o site com uma aparência organizada mesmo dentro desse visual mais “bagunçado de propósito” que combina com a marca.

Um detalhe interessante é a parte chamada SS25 Lookbook , que funciona como uma galeria para explorar coleções completas. É uma forma de mostrar os produtos dentro do contexto da marca, valorizando o conceito por trás das peças e não apenas a venda em si. Isso deixa a navegação mais divertida e convida o usuário a explorar o conteúdo, em vez de apenas procurar um produto específico.

A barra de navegação no topo ajuda bastante, porque fica fixa e facilita saber onde você está dentro do site. Além disso, cada produto tem sugestões de outros parecidos, o que também é uma forma de reorganizar o conteúdo e manter a pessoa mais tempo explorando. O único ponto que poderia melhorar é a parte dos filtros, que ainda é bem simples. Seria legal se tivesse opções para buscar por cor, tamanho ou preço, o que deixaria a navegação mais rápida pra quem quer algo específico.

No geral, o sistema de organização do site da Brain Dead é criativo, bem pensado e combina muito com o estilo da marca. Ele consegue equilibrar estética e funcionalidade, criando uma experiência que é diferente, interativa e totalmente voltada para o público que gosta de originalidade.

# data[].attributes.body
Sistema de arquitetura: organização.

O TV Time é uma plataforma online voltado para o acompanhamento de séries, filmes e programas de TV. Ele permite que os usuários marquem os episódios e filmes que já assistiram, descubram novos conteúdos, recebam notificações de lançamentos do que estiverem acompanhando (para não perderem novos episódios/filmes) e compartilhem opiniões com outros fãs. O objetivo do site é ajudar o usuário a organizar seu consumo de entretenimento de forma prática e personalizada.

A organização do site é simples e intuitiva. Logo na página inicial, há destaque para o login e cadastro, facilitando o acesso rápido ao perfil pessoal. Depois de logado, o conteúdo é dividido em seções bem definidas, como “Assistindo”, “Próximos episódios”, “Descobrir” e “Perfil”, o que torna a navegação fácil e lógica.

O design visual é limpo, com cores neutras e ícones claros que orientam o usuário. A hierarquia das informações é bem estruturada: os recursos mais usados ficam em evidência, enquanto as funções secundárias estão nos menus laterais ou no rodapé. Essa disposição contribui para uma experiência fluida e agradável.

De modo geral, o TV Time apresenta uma boa arquitetura da informação, com organização funcional e usabilidade eficiente, garantindo que o usuário encontre rapidamente o que procura e mantenha controle sobre suas séries e filmes de forma prática.

# data[].attributes.body
sistema de busca

O sistema de busca do site da Melissa é simples e prático, ajudando o cliente a encontrar rapidamente o que procura. A barra de pesquisa, localizada no topo da página, permite digitar nomes de modelos, cores ou tipos de calçados, exibindo os resultados de forma organizada. Além disso, o site oferece filtros por tamanho, cor, categoria e preço, o que facilita ainda mais a navegação.

No geral, a busca funciona bem e combina com o visual moderno da marca. Porém, às vezes pode ter dificuldade em entender variações de nomes ou pequenos erros de digitação. Mesmo assim, o sistema é eficiente e deixa a experiência de compra mais fácil e agradável.

# data[].attributes.attachment_link.description
Confira as novidades: tênis, sandálias, plataformas e muito mais. Compre online em até 6x SEM JUROS + FRETE GRÁTIS* e fique por dentro das tendências.