Uma aplicação Web para te ajudar a achar os melhores curtas. Para acessar clique aqui! 🎬 🎬
| 🆔 Usuário | 🔑 Senha |
|---|---|
| [email protected] | 123456 |
Esse projeto foi desenvolvido em grupo durante o Midterm Hackathon do bootcamp da Laboratoria que trouxe como proposta desenvolver um produto relacionado à entreterimento, utilizando a metodologia de Design Sprint durante uma semana e implementando-o em dois dias, sendo um requisito obrigatório o consumo de API.
Em tempos pandêmicos, as plataformas de streaming invadiram de vez as nossas casas. Se antes a possibilidade de assistir filmes de onde estiver, quando, como e com quem quiser já era atrativa, com o isolamento social essas plataformas se tornaram a principal fonte de entretenimento para milhares de pessoas em nível global. Somente em março de 2020, quando foi declarada uma pandemia mundial, houve um crescimento de 20% dos serviços de streaming, segundo a pesquisa da Conviva.
No entanto, diversos serviços com catálogos que parecem não ter fim e interfaces não intuitivas, acabam gerando uma difícil jornada para o usuário encontrar títulos de seu interesse. Isso se agrava quando procuramos por conteúdos de áudio-visual menos populares, como os curta-metragens. Diante disso, desenvolvemos a aplicação Curta Curtas a partir da metodologia Desing Sprint.
🔎 Descobrimento e investigação
No primeiro momento, fizemos um brainstorm de ideias, em um mural virtual, focando em possíveis recortes de tema e partindo das nossas dores como pessoas que buscam entretenimento na Web. Em grupo decidimos que iríamos focar nos usuários de plataformas de streaming, fizemos buscas em diferentes locais, como o site Reclame Aqui e nas avaliações feitas em lojas de aplicativos, assim criamos as protopersonas para direcionarmos o nosso processo de investigação e mapearmos o problema a ser solucionado com nosso produto. Finalizamos essa etapa com a elaboração de um formulário para validar as nossas protopersonas e entender melhor quais são as necessidades e os comportamentos dos nossos usuários.
📝 Síntese e definição
Com o resultado do formulário em mãos conseguimos validar as protopersonas e identificar que os nossos usuários principais são mulheres e homens, com faixa etária entre 26 e 33 anos, estudantes e residentes em São Paulo e região. São clientes das plataformas de streaming Netflix, Prime Video e Spotify e acessam esses serviços pelo smartphone. Além disso, mapeamos as dificuldades encontradas ao navegar nessas aplicações e quais melhorias gostariam que esses sites oferecessem.
Em síntese, essas usuárias têm experiências ruins nestas plataformas, o que dificulta muito a busca por conteúdos que sejam do seu real interesse. Diante disso, usamos a técnica de Design Thinking How Might We (HMW), ou Como Poderíamos, para nos ajudar a entender melhor os problemas e levantar possíveis soluções para o mesmo:
Como poderíamos redesenhar a jornada de pesquisa por títulos em catálogos de streaming para torná-la mais personalizada para cada usuário?
📌 Criar mais filtros para busca de títulos e permitir que eles se cruzem.
:pushpin: Indicar em quais streamings o usuário pode encontrar aquele título.
:pushpin: Criar coleções de títulos customizadas por cada usuário.
:pushpin: Criar um sistema de avaliação de filmes personalizada pelo próprio usuário.
💡 Ideação
Com as funcionalidades necessárias levantadas para o MPV, partimos para fazer um novo benchmark, dessa vez com um foco mais preciso para as soluções levantadas para o problema dos nossos usuários. Entretanto, descobrimos nessa etapa da pesquisa que havia um produto que atendia a todas as soluções propostas de maneira eficiente.
Como grupo, decidimos voltar alguns passos e redirecionar, portanto, a nossa solução para um grupo de usuários mais específicos dentro do que já havíamos levantado. Desse modo, focamos nos usuários que assistem curta-metragens que, além de compartilharem das mesmas dores dos nossos usuários iniciais, também têm dificuldade em encontrar esses títulos nas plataformas de streaming de vídeo mais populares.
📅 Planejamento
Com a definição do Mínimo Produto Viável (MPV), desenvolvemos as histórias de usuários, estabelecendo os critérios de aceitação e a definição de pronto. A partir delas, fizemos o planejamento para a implementação do produto utilizando o modelo de Kanban. Para o desenvolvimento do código trabalhamos com o code review.
💡 Identidade visual
A paleta de cores foi inspirada no cartaz da primeira exibição de um filme, um curta chamado L’arrivée d’un Train à La Ciotat (A chegada do trem em La Ciotat) lançado em 1895 no Salão Grand Café, em Paris.
💡 Logo
Criamos o logo a partir da imagem de uma câmera de filme antiga, e para o nome da nossa aplicação utilizamos a fonte Metropolis 1920 (Picmonkey) para criar uma referência de nostalgia e de saudosismo ao início das exibições dos filmes.
A proposta é remeter ao usuário a grandiosidade que é o universo cinematográfico, e proporcionar a experiencia de oferecer uma vasta lista curtas dos mais diversos gêneros, países, transformando a experiência com este tipo de mídia.
💡 Funcionalidades
Com o redirecionamento do problema e da solução do produto, as funcionalidades implementadas no MPV foram:
📌 Catalogar títulos de curta-metragens consumindo uma API.
📌 Permitir que o usuário busque o título pelo nome em uma barra de pesquisa.
📌 Criar filtros (gênero, ano, diretor, nota do IMDB e duração) para busca de títulos e permitir que eles se cruzem.
📌 Ordenar o resultado da lista por ordem alfabética.
📌 Criar uma conta de usuário na aplicação com e-mail e senha ou com o Google.
📌 Permitir que o usuário crie coleções de títulos que ele curtiu ou descurtiu.
📱 Para acessar nosso protótipo mobile clique aqui. :computer: E para acessar nosso protótipo desktop clique aqui.
💡 Canvas
Para a estrutura do nosso modelo de négocio, e avaliação de nossa aplicação, utilizamos a ferramenta Business for Canvas:
💡 Futuras implementações:
📌 Expandir o catálogo de curtas.
:pushpin: Indicar em qual streaming ou plataforma o usuário consegue assistir o curta.
:pushpin: Criar um sistema de avaliações em nota feitas pelos usuários.
:pushpin: Permitir que o usuário deixe comentários sobre os curtas.
:pushpin: Permitir que o usuário adicione amigos.
🔧 Desenvolvimento Front-End
- JavaScript(ES6+)
- HTML5
- CSS3
- Bootstrap
- Firebase
🔧 Desenvolvimento do Produto
- Miro
- Trello
- Picmonkey
- Marvel
- Figma
:princess: Cris Mantovani;
:princess: Giovana Madeira;
:princess: Jessica Cavalcante;
:princess: Juliane Cristina;
:princess: Nicaely Joane;
:princess: Talita Silva.