Programação e Design de Interface

Briefing InstaDesign
Sobre o Chat Desenvolver App

01.  Qual o projeto a ser desenvolvido?
Chat Desenvolver App que permite criar um feed diferenciado no Instagram.
O profissional deve: Desenvolver design de interface e a programação.

02.  Como o descreveria?
O InstaDesign é um app que permite diagramar suas fotos de formas diferentes no grid do Instagram, inserir texto e elementos gráficos, além de permitir ao usuário aplicar o mesmo filtro em diversas fotos com apenas um clique, criar hashtags relevantes, acompanhar estatísticas de posts, quem te segue e você não segue de volta (vice e versa) e quem te deu unfollow.

03.  Quais são os objetivos e visão do projeto?
O objetivo é tornar fácil ter um feed diferenciado no Instagram, além de unificar várias ferramentas em apenas um app.

04.  Descreva com detalhes as ferramentas ofertadas
•    Página principal: A primeira página do app será uma simulação do grid do Instagram. A parte inferior desse grid terá as fotos do Instagram do usuário, que fez o login com sua conta.
A parte superior estará vazia e é o espaço de simulação das novas fotos que serão inseridas através do app.
Barra de Ferramentas que estarão disponíveis na página principal
•    Add Foto/Elemento Gráfico/Texto: Ao adicionar uma foto, elemento gráfico ou texto, o objeto vai para o grid vazio. Aqui deve ser possível clicar, segurar e arrastar para que o usuário consiga posicioná-lo onde quiser. Terão elementos gráficos para compor o visual do feed, desde ilustrações até patterns.
Na parte do texto, é possível personalizálos com diversas fontes e estilos.
•    Selecionar: Caixa de seleção que permite selecionar todos os objetos de uma vez só ou de forma individual. Essa seleção permitirá aplicar o mesmo filtro ou excluir objetos de forma coletiva.
•    Hashtags: Usar algo semelhante com o site https://displaypurposes.com/ em que basta inserir uma hashtag e aparecem mais 29 semelhantes  (máximo permitido pelo Instagram) e mais relevantes. Deve ser possível salvar essas cadeia de hashtags com um título para uso futuro do usuário.
•    Exportar: Ao clicar nesse ícone o usuário poderá selecionar os grids que ele deseja exportar e em seguida onde pretende exportar: Postar no Instagram, Salvar no rolo da câmera ou outras opções de compartilhamento. Se o usuário escolher o Instagram, a página de hashtags deve ser aberta para ele escolher ou criar sua hashtag. Ela, por fim, vai para a área de transferência e o usuário só precisa colar na legenda da foto no Instagram.

•    Estatísticas: Aqui o usuário poderá acompanhar estatísticas referentes às suas fotos individualmente e de forma geral, Top 10 de fotos mais curtidas e comentadas e melhores dias e horários para postar. Poderá acompanhar também quem deu unfollow e novos seguidores – e provável foto que provocou essa movimentação de seguidores. É Possível visualizar também quem o usuário segue que não o segue de volta, e vice-versa.

•    Filtros: Aqui é preciso abrir uma paleta de Filtros no mesmo estilo do app VSCO e do próprio Instagram. Também se encontra outros tipos de configurações, como Brilho, Saturação, Balanço de cores, Contraste, etc. É Preciso selecionar um ou mais objetos para clicar nessa função.
Se selecionado mais de um objeto as configurações de filtro serão aplicadas a todos os objetos selecionados. É Possível salvar o filtro com um nome específico para aplicar em um futuro objeto, afim de manter um padrão visual ao feed.
•    Post programado: O usuário informa que dia e horário quer postar uma foto e enviamos uma notificação push. Nesse momento ele precisa habilitar notificações do app.
•    Desfazer/Avançar: Aqui é possível desfazer ou avançar edições, movimentações, elementos excluídos, filtros aplicados, etc.
•    Excluir: Deleta objetos selecionados.
•    Editar: Essa função não é possível selecionar mais de um objeto ao mesmo tempo. Deve-se clicar em um elemento e depois nesse ícone, ou clicar duas vezes no objeto (atalho).

Barra de Ferramentas que estarão disponíveis na edição de um objeto (foto, elemento gráfico e Texto)

•    Editar Foto/Elemento Gráfico/Texto: Dois cliques no objeto é suficiente para abrir uma nova página exclusiva para edição daquele objeto – ou clicando no botão Editar. É Como se tivesse dado um zoom no app, aparecendo apenas os grids que fazem fronteira com o objeto que se pretende editar:
Nesse momento uma nova barra de ferramentas fica disponível:
•    Tamanho – Através de uma barra de rolagem o usuário poderá aumentar ou diminuir o tamanho do objeto e é assim que ele poderá ultrapassar ou não para os grids dos lados. Haverá também tamanhos pré-definidos de “máscara” quadrada, horizontal e vertical, permitindo o usuário inserir esse objeto dentro dessas formas e posicionar a parte dele que ficará visível.

•    Enviar para Frente e Para Trás – Essa função permite organizar dois ou mais objetos com sobreposição, definindo o que fica em baixo e o que fica em cima.
•    Cadeado: Trava o objeto para qualquer tipo de edição ou movimentação. Um ícone de cadeado deve sinalizar que o objeto está travado. Clicando nesse ícone é possível destravar o objeto.

•    Desfazer/Avançar – Aqui é possível desfazer ou avançar edições
•    Mudar cor seletivamente: Aqui é possível detectar uma cor seletiva e mudar a Hue/Saturação da mesma.
•    Concluir: Sai do modo de edição individual e volta a página inicial com as alterações aplicadas.

05.  Quais características técnicas não podem faltar no app?
•    O app precisa abrir rapidamente
•    Gráficos com alta qualidade de resolução
•    Não diminuir a resolução das fotos importadas pelos usuários
•    Exportar com resolução máxima
•    Multiplataforma - diferentes arquivos de layout XML para diferentes tamanhos de tela no Android ou arquivos de layout xib separados para iPhone e iPad.
•    Respeitar as práticas recomendadas de Design (IOS e Android)
•    Pixels independentes de densidade (DIPs)
•    Se necessário armazenagem, usar servidores externos, permitindo criar um único back-end para várias plataformas
•    Permissões para acessar as fotos do celular e receber notificações
•    Login com Instagram

06.  Qual o modelo de receita?
Modelo assinatura com um mês grátis.
Pagamento mensal e/ou anual.

07.  Qual o público-alvo e o mercado-alvo?
Jovens de 15 a 29 anos, masculino e feminino, classe média e alta, trabalha com artes, digital influencer, publicidade, marketing digital, fotografia, design gráfico, etc

08.  Exemplos de feed do Instagram que poderiam ser criados com o InstaDesign: Repare nos elementos textuais, nos elementos gráficos, na forma como as fotos são montadas no grid, sobreposição de fotos, etc:

• https://www.instagram.com/rafinhadumont/
• https://www.instagram.com/pedroivobrito/
• https://www.instagram.com/anderson._paak/

09.
  Quais os principais concorrentes?

UNUM – App Freemium – É grátis mas possui ferramentas que só podem ser acessadas se você for um usuário premium. É O principal aplicativo atual para organizar o feed, contudo ele só disponibiliza uma visualização prévia do seu feed no Instagram. Ele também possui métricas e edição de fotos no próprio app mas não possui filtros.


Grids Pro – App Pago (R$20) Recorta as fotos em 3x1, 3x2, 3x3 e outros tamanhos pré-definidos. Basicamente é um app para criar mosaicos mas muito limitado.

PhotoGrids - App Freemium – coloca logo em marca dágua na foto, usuários reclamam de travamento e de perda de qualidade das fotos importadas. Basicamente é um app para criar mosaicos mas muito limitado.

Grid Post - Grátis –. Basicamente é um app para criar mosaicos mas muito limitado.

Grid-it - App Freemium –. Basicamente é um app para criar mosaicos mas muito limitado. É Possível usar apenas uma vez, depois é preciso pagar.