Meus Assuntos
Ir para o topo
Compartilhar no Facebook Compartilhar no Twitter Compatilhar em outra redeSocial
PP - Progressive Web Aplication, Responsividade e Mobile First
LEVE
Equipe
Bruno Figueira, Pedro Seibel
Orientador(es)
Heli Meurer, Daniela Horta, Luciana Hahn Menezes
19 de Junho de 2018
LEVE

Contextualização

Um Nome para Empresa/PWA - naming

Para chegarmos no naming ideal para a distribuidora de marmitas, focamos nos pontos principais que a empresa emprega citado no briefing. Dentre o resumo, identificamos algumas ideias baseadas em conceitos estabelecidos no brainstorm.

 

Principais fatores no desenvolvimento no naming:

  • Distribuidora de marmitas (foco em comida/transporte);
  • Entrega de comidas orgânicas (alimentos saudáveis);
  • Rápida entrega (consumo a curto prazo);
  • Pratos para dietas (focado em diversos públicos).

 

Ideias a partir do debate:

  • Vila Rica Marmitas
  • Rapidex
  • Natura-lá
  • ORGÂ
  • Saúde
  • La Marmita
  • Soft Light
  • Marmi Food
  • LEVE*

 

* Escolhemos LEVE - Até você. Pra você.

A palavra leve foi escolhida pois representa leveza da comida, por se tratarem de comidas saudáveis e de fácil acesso, e do verbo levar, afinal a empresa é uma distribuidora de marmitas, então acreditamos que ocorreu uma conexão perfeita da palavra com o conceito que queremos atingir.

Abaixo um pouco do nosso rascunho.

30422199_1647050138742414_1465385459_n.jpg

 

Cenário, Personas e Oportunidades

Abaixo está nosso: Cenário, personas e oportunidades.

oiooioioi-01.jpg

LEVE - Até você. Pra você.

Lista de Funcionalidades.

Planejando o desenvolvimento da aplicação web, chegamos no seguinte resultado:

mapa_webAQUI-01.jpg

LEVE - Até você. Pra você. 

Storytelling e Mapeamento das Tarefas

1 #First History

Marcio, ao chegar em casa de seu longo dia de trabalho, percebe que precisa fazer algo para se alimentar, ao abrir a geladeira, procurando algo prático e fácil para comer, se depara com um pote que aparenta ser sorvete, mas na verdade é FEIJÃO!!! Ele fica bem triste, até que uma notificação em seu celular o chama a atenção, era o app Leve® - Até você. Pra você. Todos os dias no app, existe a função “Promoção do Dia”, na qual aquele dia o cliente paga mais barato pela refeição. Como é quarta-feira, o prato do dia em desconto é o seu preferido. Sendo assim ele vê uma alternativa para seu jantar. De forma rápida pelo app ele escolhe alguns complementos, faz o pagamento e recebe o prato em menos de 30 minutos em sua casa. Ele come uma comida saudável, balanceada, ficando muito satisfeito pelo sabor da comida, por não ter comido besteira e ter realizado tudo isso em menos de 1 hora.

HISTORIA1-01-01.jpg

2 #Second History

Paulo está em seu dia de folga, pesquisando receitas na internet para variar um pouco sua dieta, pois já está farto dos mesmos pratos de sempre. Acessando vários blogs, sites e fóruns de pratos saudáveis, ele entra, conhece e faz seu cadastro no appLeve® - Até você. Pra você., descobrindo as funcionalidades que o app disponibiliza, sendo o que ele mais precisa para mudar sua rotina de alimentação. No blog ele encontra a receita do “Brownie fit de aveia com Whey Protein”. Curioso para saber se realmente é gostoso e saboroso, ele resolve tentar fazer, ao final, Paulo saboreia um brownie bom e autoral, vendo que no blog ele tem acesso a tudo isso na palma da mão, além de varias outras funções para agregar sua vida saudável.

HISTORIA2-01.jpg

Leve - Até você. Pra você. 

    

LEVE

Concepção

Identidade

LEVE menor_1.jpg

Também disponível no Behance.

Construindo a PWA Mobile First - 4 versões

Construímos nosso design baseado em app's que estão utilizando este novo formato com mais interações com o usuário e mais possibilidades dentro da aplicação.

Desenvolvemos dois tipos de menus, exemplificando o mais importante (Menu Principal), onde há as mais importantes funções de nossa aplicação.

 

Todas imagens estão na proporção de 320px de largura. 

01 / Página Inicial (Cadastro do Usuário)

app_1 Login.jpg

 

02 / Home

app_2 Home.jpg

 

03 / Menu Principal

app_3 Menu Perfil.jpg

 

04 / Aba "Editar Perfil"

app_4 Perfil.jpg

 

05 / Aba "Pagamento"

app_5 Pagamento.jpg

 

06 / Aba "Como Funciona"

app_6 Como Funciona.jpg

 

07 / Aba "Cardápio"

app_7 Cardápio.jpg

 

08 / Aba "Meus Pedidos"

app_8 Meus Pedidos.jpg

 

09 / Aba "Cupons"

app_9 Cupons.jpg

 

____________________________________________________________

 

Todas imagens estão na proporção de 720px de largura.

01 / Página Inicial (Cadastro do Usuário)

App-01.png

02 / Home

App-02.png

 

03 / Menu Principal

App-03.png

 

04 / Aba "Editar Perfil"

App-04.png

 

05 / Aba "Pagamento"

App-05.png

 

06 / Aba "Como Funciona"

App-06.png

 

07 / Aba "Cardápio"

App-07.png

 

08 / Aba "Meus Pedidos"

App-08.png

 

09 / Aba "Cupons"

App-09.png

 

LEVE - até você. pra você. 

Desenvolvimento do Protótipo em uma das versões da PWA

Versão 320px - Beta

Versão 720px - Amostra completa com todas funções.

 

LEVE - até você. pra você.

Fan Page Facebook

Nossa página você acessa aqui.

Não esquece de curtir para que mais pessoas se conectem!

rodape.png

LEVE

Referências Bibliográficas

Recomendadas e Aceitas

Gerais