O SóCarrão.com é um site de classificados de veículos, onde você pode anunciar ou encontrar veículos de diversas categorias, como carros, motos, caminhões entre outros, novos e usados.
Ser a solução preferida na compra e venda de veículos, facilitando a jornada digital dos clientes, para garantir uma experiência simples e inovadora.
Atingir a liderança no sul do Brasil buscando a expansão nacional, superando as expectativas de nossos clientes com um time de apaixonados, especialistas em soluções inovadoras e que geram negócios.
Valor: Leveza nas relações; Comprometidos com soluções e resultados; Resiliência é nossa essência; Movidos pela inovação; Somos um time de atitude; Trabalhamos com Transparência ; Entregamos com qualidade e Conformidade O SóCarrão cuida das pessoas;
Desafio SóCarrão.com em parceria com Laboratoria!
A SóCarrão.com é um portal de anúncios de veículos ( Carros, motos, caminhões, barcos e etc... ) e aproximadamente 90% dos usuários que acessam o nosso site, acessam via celular. Toda vez que iniciamos o desenvolvimento de uma feature, de uma tela, de algo novo, sempre começamos pelo mobile, o que faz com que sejamos uma empresa Mobile First.
Levando em consideração os dados mencionados acima, nosso desafio será:
Disponibilizaremos um JSON, contendo dados de aproximadamente 50 veículos da nossa base; Esse JSON deverá ser consumido em um projeto novo, do zero; Este projeto pode ser com HTML, CSS, Javascript, React, Vue.js; Vocês deverão fazer as listagens desses veículos, os quais deverão ser apresentados em formato de card.
Deverá conter as mesmas informações que são mostradas no nosso CARD atual: Marca; Modelo; Versão; Transmissão ( Automática ou Manual ); Ano; Preço; Quilometragem; Botão de "Simular Financiamento"; Botão de "Entrar em contato".
[ ✔ ] O CARD deverá ser responsivo, se adaptando aos três principais breakpoints (320px, 375px e 420px );
[ ✔ ] Poderá ser desenvolvido na horizontal ou na vertical, UM PLUS SE TIVER COMO DEIXAR O USUÁRIO ESCOLHER A FORMA DE APRESENTAÇÃO;
[ ✔ ] Sempre trazer em formato discursivo primeiro Marca e depois Modelo;
[ ✔ ] Quando o limite de espaço no card for alcançado, deverá ser escondida a Marca, deixando apenas o Modelo; Quando escondida a marca por falta de espaço no card e ainda assim faltar espaço para o modelo, deverá assumir a utilização de elipse.
[ ✔ ] Um outro ponto muito importante: queremos que os cards sejam apresentados paginados, deixando o usuário definir quantos ele quer ver por página. O padrão deve ser 5 cards por página.
[ ✔ ] UM SUPER DIFERENCIAL, mas não obrigatório, temos também um modelo de CARD na versão DESKTOP, se sentirem confortáveis, fiquem a vontade para fazer!