Skip to content

Ghibli`s Tour é uma proposta que transforma dados em informações interativas e acessíveis, dando a possibilidade aos fãs ou curiosos fazerem um tour completo na galeria de filmes do Studio Ghibli por meio da aplicação web. Os usuários podem conferir os filmes, os personagens e suas características por meio dos filtros existentes na aplicação.

Notifications You must be signed in to change notification settings

MonicaGuimaraes/Ghibli-s-Tour

 
 

Repository files navigation

Ghibli`s Tour

Confira a aplicação clicando aqui.

Js Figma HTML CSS Jest VSCode

Índice


1. O que é o projeto?


Projeto refatorado pelo Squad 4, durante uma semana, para apresentação na Demo Day. Esse projeto tinha como objetivo aplicar as ideias de user-centricity, portanto o foco era realizar entrevistas com usuários e definir um produto que resolvesse as dores de nossas proto-personas.

Ghibli`s Tour é uma proposta que transforma dados em informações interativas e acessíveis, dando a possibilidade aos fãs ou curiosos fazerem um tour completo na galeria de filmes do Studio Ghibli por meio da aplicação web. Os usuários podem conferir os filmes, os personagens e suas características por meio dos filtros existentes na aplicação.

Aproveite esta viagem pelo Studio Ghibli!

2. Versões do Projeto


Este é o projeto na versão anterior. Nessa versão o foco era em ordenação e uma filtragem por nome, sua cor era azul. Haviam muitas animações nos cards que atingiam nosso público jovem de maneira positiva.


Este é o projeto na versão pós refatoramento. Como queríamos alcançar um público maior, com melhor legibilidade no site, pensando em transformar nosso app web em um site com referências, decidimos ir para uma nova atualização nos levando em direção à nova versão. Algumas animações de flip não permitiam que o usuário copiasse as informações de trás dos cartões, por isso nessa versão as retiramos.


3. Histórias de usuários e Proto Personas


Foram realizadas pesquisas com o público-alvo da nossa aplicação. Com base nas informações extraídas, definimos as histórias de usuários.

Confira a pesquisa completa com os usuários aqui.


4. Protótipos da página


O Protótipo foi criado pela ferramenta FIGMA

Prótotipo de baixa fidelidade:

Protótipo de alta fidelidade:

Página Inicial

Página de Filmes


5. Produto


Logo

Business Model Canvas

Teste De Contraste

Apresentação do Produto

Se quiser conferir a apresentação do produto é só clicar aqui.

6. Desenvolvedoras


Este projeto foi desenvolvido por:


Ainda não conferiu a aplicação? Escaneie o código ou clique na imagem!

Aplicação

About

Ghibli`s Tour é uma proposta que transforma dados em informações interativas e acessíveis, dando a possibilidade aos fãs ou curiosos fazerem um tour completo na galeria de filmes do Studio Ghibli por meio da aplicação web. Os usuários podem conferir os filmes, os personagens e suas características por meio dos filtros existentes na aplicação.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.3%
  • CSS 9.5%
  • HTML 7.2%