Melhorias em Site no Segmento Cabeamento Estruturado

👉 Telas do Site:
-
Página Inicial: https://res.cloudinary.com/dpswswoum/image/upload/v1692284893/home.jpg

Quem Somos
https://res.cloudinary.com/dpswswoum/image/upload/v1692285162/quem-somos.jpg

Produtos
https://res.cloudinary.com/dpswswoum/image/upload/v1692285450/produtos.jpg

Contato
https://res.cloudinary.com/dpswswoum/image/upload/v1692286694/contato.jpg
-
-
👉 Tempo de Carregamento
-
Testar tempo de carregamento e ver se é necessário fazer a otimização do site. Caso sim, incluir valor da otimização no orçamento.
-
-
👉 Blocos Serviços
-
Ver imagem: https://res.cloudinary.com/dpswswoum/image/upload/v1692831022/servicos_pcxp9a.jpg

Bloco 1
-
Inserção de 2 blocos de destaque na página inicial, o primeiro bloco é o da imagem acima, que contém o texto à esquerda e a imagem à direita, esses códigos serão retirados de um site feito em bootstrap, que pode ser visto nesse link: [http://prolex.themetags.com/index.html] (tirar os colchetes para acessar), e inseridos na página inicial do site do cliente: [https://res.cloudinary.com/dpswswoum/image/upload/v1692284893/home.jpg], feito no WordPress.
-
O conteúdo do bloco em questão deverá ser editável, através do painel de controle do WordPress, isto é, o usuário deverá ter a possibilidade de editar o título, descrição e a imagem, de forma fácil - através do admin.
-
A formatação das fontes, como: cor, fonte, tamanho e espaçamento - deve seguir o padrão utilizado na tipografia usada no site do cliente.
-
Bloco 2
Ver print: https://res.cloudinary.com/dpswswoum/image/upload/v1692831352/servicos2_wdmeg3.jpg
-
Inserir esse outro modelo de bloco de descrição de serviço, que também pode ser encontrado no link enviado acima, mantendo exatamente as mesmas características de tamanho da imagem e espaçamento; a única coisa que deve ser modificada é a formatação das fontes - que deve seguir o padrão do site onde o código será implementado, conforme já explicado anteriormente.
-
Atualmente, os produtos são exibidos da seguinte forma: https://res.cloudinary.com/dpswswoum/image/upload/v1692285450/produtos.jpg - iremos implementar esse modelo de layout: [https://res.cloudinary.com/dpswswoum/image/upload/v1692817344/1_ld6ypu.jpg], também feito em bootstrap, o código que será usado pode ser visto nesse link: [https://res.cloudinary.com/dpswswoum/image/upload/v1692817344/1_ld6ypu.jpg].
-
-
👉 Página com as Especificações do Produto
-
Ver print da tela: https://res.cloudinary.com/dpswswoum/image/upload/v1692831892/lista-de-produtos_acw7xv.jpg
-
-
Após clicar em um dos itens da lista, o usuário será direcionado para uma página com as especificações do produto, essa página não existe hoje e para a sua criação, vamos utilizar esse modelo de página, também feito em Bootstrap: https://htmldemo.net/autima/autima/product-details.html
-
-
Será preciso talvez apenas realizar alguns ajustes, para se adequar ao tamanho do layout do site onde o código será implementado, bem como a personalização de cores e fontes, seguindo o padrão do site do cliente.
-
-
👉 Espaço para Vídeo do Produto na Página de Especificação
-
A única coisa que será adicionada ao layout do código enviado no link acima, é um bloco reservado para um vídeo do YouTube, com as especificações do produto. Posteriormente, será enviada uma imagem mostrando onde o vídeo deverá ficar no layout e que deverá ser usada como base, para a criação da página.
-
-
👉 Botão do WhatsApp
-
Hoje já existe um botão do WhatsApp na lateral do site, talvez, seja inserido mais um botão na página com as especificações do produto, essa questão ainda será definida, mas deve ser prevista no orçamento.
-
-
👉 Menu Dropdown
-
O menu atual não tem um segundo nível, será necessário implementar um menu dropdown, para ficar dessa maneira: https://prnt.sc/jH0V02NMNPbM . Os nomes dos itens serão enviados posteriormente.
-
-
👉 Cadastro de Produtos
-
Cadastro de até 25 produtos, o que esse trabalho inclui: edição e inserção de imagens, preços, inserção de textos (os textos de cada produto serão enviados posteriormente). Os produtos serão inseridos nas páginas que serão implementadas, já citadas anteriormente:
-
Listagem de produtos: https://5studios.net/themes/dashcore3/shop
Página de destino: https://htmldemo.net/autima/autima/product-details.html
-
-
👉 Inserção de até 140 fotos dos produtos.
-
Possivelmente as fotos vão precisar ser redimensionadas no Photoshop, para ficarem todas com as mesmas medidas e seguirem o padrão do site. Esse trabalho também visa a otimização para os motores de busca, isto é, as imagens devem ser nomeadas com o nome dos produtos e ficarem leves, para o site carregar mais rápido.
-
-
👉 Incluir Carrossel de Imagens na Página Inicial
-
Ver print: https://res.cloudinary.com/dpswswoum/image/upload/v1692832545/carroussel_ci5ulp.jpg
-
Implementar esse carrossel de imagens, feito em bootstrap, na página inicial: https://www.tutorialrepublic.com/snippets/preview.php?topic=bootstrap&file=multiple-item-product-carousel
-
Formatar as cores e tipografia, para seguir a identidade do site. Incluir fotos, título e preço nos produtos que serão inseridos no carrossel (essas informações serão enviadas posteriormente) e linkar o botão “saiba mais” de cada item para a página de destino, que irá conter as informações detalhadas do produto. Esse carrossel deverá rodar a cada 5 segundos, para transmitir rapidez e dinamismo.
-
-
Para uma melhor compreensão, o briefing segue também em anexo.
-
-
🚨 Considerações Finais 🚨
Propostas de candidatos que não colocarem o valor do orçamento serão ignoradas;
Propostas de candidatos que não leram a descrição do trabalho e usam respostas automáticas serão recusadas.
Favor apresenta orçamento e prazo de entrega.
-
-
Obrigado!