É preciso que você construa uma interface de um simulador de vendas de serviços de telefonia residencial com os seguintes requisitos:
- Eu, como vendedor de uma operadora utilizando um dispositivo móvel, desejo obter a informação dos valores dos planos e suas combinações (combos);
- Quero poder adicionar e remover os serviços vendo as mudanças de preço;
- Desejo também, ver de forma mais detalhada os valores e descontos (se aplicáveis);
- Quero poder prosseguir para uma venda a partir deste simulador. Não se preocupe com a venda, um CTA resolve 😉
Serviços oferecidos:
| Telefone Fixo | Valor |
|---|---|
| Ilimitado | R$ 39,00 |
| Ilimitado (no combo) | GRATUITO |
| Internet Banda Larga | Valor |
|---|---|
| 15 Mbps | R$ 49,90 |
| 25 Mbps | R$ 69,90 |
| 50 Mbps | R$ 99,90 |
| TV por Assinatura | Valor |
|---|---|
| Canais de Esportes | R$ 79,90 |
| Canais de Notícias | R$ 26,90 |
| Canais infantis | R$ 39,90 |
Descontos por combinação podem ser fictícios. A operadora usa as seguintes cores e suas nuances:
#660099 // brand-color
#F44336
#FF920D
#2ECD50
#3682F4
e tons de cinsa
Use a ferramenta gráfica de sua preferência, desde que seja possível visualizar o arquivo sem que seja necessário comprar uma licença. Pra garantir, você pode enviar as telas exportadas para o email maickell.vilela@before.com.br.
Aqui usamos o Figma 😉
Além de desenhar as interfaces gráficas é interessante que você saiba construi-las em código, então, desafiamos você a implementar a seguinte tela usando HTML e SASS.
Você precisa ter uma conta do figma para inspecionar e exportar os assets (We 💖 SVG)
Fizemos um setup inicial para você não se preocupar com a configuração e focar na construção do HTML e SASS.
-
Fazer um fork deste repositório para a sua conta pessoal do github;
-
Clonar o repositório:
git clone url... -
Instalar as dependências:
npm install -
Instalar o grunt-cli globalmente:
sudo npm i -g grunt-cli -
Iniciar o serviço de desenvolvimento:
grunt serve
Pronto! Pode escrever seu código.
Quando terminar, faça seu pull request 
e aguarde nosso contato.
💡 Estamos disponíveis para tirar dúvidas, ninguém sabe tudo e valorizamos pessoas que sabem interagir.