Recomendações
- não é necessário exportar imagem, todas serão enviadas pela nossa equipe
- os grids definidos no layout não precisam ser precisos, vamos usar do framework
- fonte usar poppins (google font) 3 variações normal, meio bold e muito bold
requisitos
- trabalhar com
vue.JS + Framework
- Definir os envios dos dados via JS
- Fazer todas as definições de formulários
- Cuidado com o Design
- Ser responsivo, no caso do menu superior, fica apenas o logo e um ícone do menu sanduíche
- Os ícones não podem ser imagens e não precisam ser iguais ao layout, pode ser usado do Framework ou de alguma biblioteca
- Como se trata de uma ferramenta que a usabilidade é muito importante, uso de loaders pré carregamento e avisos de toast são importantes embora não estejam definidos no layout.
Segue abaixo as telas
acesso (3 variações, só replicar)
----------------
- login -
app.planoleads.com.br
- Esqueci minha senha -
app.planoleads.com.br/esqueci-minha-senha.php
- Cadastrar -
app.planoleads.com.br/cadastrar.php
Encontre (4 variações)
----------------
- Listagem em Lista -
encontre-list.fw.png
- Listagem Finalizar Pedido -
encontre-list_finalizar.fw.png
- Listagem em Grid -
encontre.fw.png
- Listagem Filtro - não tem tela, idêntico filtro
meus-leads_filtro.fw.png
Meus Leads (3 variações)
----------------
- Meus Leads Listagem em Lista
- Meus Leads Listagem em Grid - não tem tela, idêntico
encontre.fw.png
- Meus Leads Filtro -
meus-leads_filtro.fw.png
- Meus Leads Adicionar -
meus-leads_adicionar.fw.png
Interna do Lead/Contato (5 variações)
----------------
- Interna -
lead-interna.fw.png
- Interna Compartilhar -
lead-interna-compartilhar.fw
- Interna Negativar -
lead-interna-negativar.fw
- Interna Negativar Perdeu Prazo -
lead-interna-negativar-perdeu-prazo.fw
- Interna Negativar Em Analise -
lead-interna-negativar-em-analise.fw
Dashboard (1 variação)
----------------
- Dashboard -
dashboard.fw.png
Pacotes (1 variação)
----------------
- Pacotes -
pacotes.fw.png
Ganhe Leads (1 variação)
----------------
- Ganhe Leads - ganhe
creditos.fw.png
Checkout (3 variações)
----------------
Boleto -
checkout_boleto.fw.png
Cartão -
checkout.fw.png
Pix -
checkout_pix.fw.png
Pedido (Após Checkout - 2 variações)
----------------
Pedido Concluído -
pedido.fw
Pedido Concluído Boleto -
pedido-boleto.fw
Minha Conta (6 variações)
----------------
Perfil -
dados_pessoais.fw.png
Perfil Alterar Senha -
alterar_senha.fw.png
Perfil Alterar E-mail -
alterar_email.fw.png
Pedidos -
meus_pedidos.fw
Pedidos Interna -
meus_pedidos_pedido.fw
Preferências -
preferencias.fw.png
Equipe -
equipe.fw.png
Contexto Geral do Projeto
Esse projeto consiste na criação do front do admin em vue.JS + Framework de estilos, grid etc..
Não será abordado programação de backend (PHP etc..)
Prazo de Entrega: 16 de Novembro de 2022