Criação de 3 Peças de Slideshow, para Site de Cabeamento Estruturado

Criação de 3 Peças de Slideshow, para Site de Cabeamento Estruturado
-
▶️ Descrição do Trabalho
-
Página Inicial: https://res.cloudinary.com/dpswswoum/image/upload/v1692834444/slideshow_ov71tj.jpg
-
-
Criar 3 peças de slideshow para o site do print acima. Procuro um designer experiente, com conhecimentos avançados, detalhista, para fazer algo semelhante ou melhor que as referências abaixo, de um site do mesmo segmento:
-
https://res.cloudinary.com/dpswswoum/image/upload/v1692834969/1_onpoly.jpg
https://res.cloudinary.com/dpswswoum/image/upload/v1692834978/2_jkxwul.jpg
https://res.cloudinary.com/dpswswoum/image/upload/v1692834978/3_r2armv.jpg
https://res.cloudinary.com/dpswswoum/image/upload/v1692834978/4_rkzi80.jpg
https://res.cloudinary.com/dpswswoum/image/upload/v1692834978/5_upndpr.jpg
-
-
Produtos que serão inseridos em cada slide
-
1. Dutotec (marca), será colocado a foto de uma canaleta (pesquisar no Google imagens por “canaleta dutotec”. Criar título e subtítulo.
-
2. O slide 2 terá o título “Metalúrgica”, deverá ser criado um subtítulo também, para estimular as pessoas a se interessarem pelos produtos e saber mais. Deverá ter as seguintes imagens: um rack de piso, rack de coluna e um mini rack de parede – esses três produtos são da categoria metalúrgica. Nesse link: https://racksaopaulo.com.br/wp-content/uploads/2020/10/RC19-44U-600x600.jpg é possível ver a imagem de um rack de piso.
-
3. Título: “Cabeamento” – criar também um subtítulo, contendo uma chamada de texto para valorizar o produto e estimular as pessoas a saberem mais. Colocar a foto de um cabo de rede (Cabo VEC).
-
Os slides deverão seguir um estilo moderno, que remeta a tecnologia e seguir as referências de design apresentadas acima.
-
Os slides que estão no site atualmente não tem nenhuma conotação comercial, as novas peças que serão criadas, além de terem alto impacto visual, deverão ter apelo comercial.
-
-
Adaptar Slide para Mobile
-
Para que os slides sejam exibidos perfeitamente em todos os dispositivos, deverá ser criada uma versão de cada slide para os seguintes breakpoints:
1366 x 768 (Principal)
1334 x 750
1280 x 720
1200 x 1920
1180 x 820
1136 x 640
1080 x 810
1024 x 768
962 x 601
960 x 640
896 x 414
844 x 390
810 x 1080
800 x 1280
768 x 1024
750 x 1334
720 x 1280
640 x 960
601 x 962
600 x 1024
540 x 960
480 x 800
414 x 896
240 x 320
-
Nota: não será necessário criar um novo slide para cada uma das resoluções acima, apenas adaptar a peça, para que seja exibida corretamente em diferentes dispositivos, uma vez que a tela diminui conforme a resolução e consequentemente, tanto a área geral do slide diminui, e também o “container” (limite de espaço onde o conteúdo é inserido) também diminui.
-
Exemplo de adaptação para outras resoluções:
-
1334 x 750: https://res.cloudinary.com/dpswswoum/image/upload/v1692878765/1334x750-cavalete-em-lona-curitiba_fbmwgg.jpg
-
960 x 640: https://res.cloudinary.com/dpswswoum/image/upload/v1692878840/960x640-cavalete-em-lona-curitiba_ufjmzj.jpg
-
640 x 960: https://res.cloudinary.com/dpswswoum/image/upload/v1692878926/640x960-cavalete-em-lona-curitiba_aizzix.jpg
-
240 x 320: https://res.cloudinary.com/dpswswoum/image/upload/v1692878979/240x320-cavalete-em-lona-curitiba_pitz4p.png
-
Após fecharmos o serviço aqui pela Workana, será enviado o link do site, onde será possível pegar o tamanho geral da área do slide, bem como o “container” de cada resolução, utilizando um plugin do Chrome, para visualizar o layout em diferentes resoluções. E também o Photoshop, para obter o tamanho exato de cada breakpoint.
_
A altura de cada slide nas diferentes resoluções, deve seguir a altura do slide que já está implementado no site atualmente.
-
Para a elaboração das peças, deverá ser utilizado o conceito “pixel perfect” – isto é – o tamanho geral do slide e do container, devem ser exatamente iguais aos tamanhos de cada resolução, obtidos utilizado o plugin do Chrome citado anteriormente + o Photoshop.
-
Os arquivos de cada slide devem ser separados por pasta e para cada resolução, deve ser criado um arquivo PSD diferente, que deve ser nomeado com o tamanho da resolução, para facilitar e organizar o processo de trabalho, exemplo: https://prnt.sc/TSukRcOzY4uH
-
-
🚨 Considerações Finais 🚨
Propostas de candidatos que não colocarem o valor do orçamento não serão lidas;
Propostas de candidatos que não leram a descrição do trabalho e usam respostas automáticas serão recusadas;
Apresentar portfólio com trabalhos realizados anteriormente;
Favor apresenta orçamento e prazo de entrega.