Rodrigo Brito

Transformando pdf em código

Para visualizar este projeto, clique aqui.

Este projeto foi um trabalho como Front-end, solicitado com os seguintes requisitos:

• Usar o framework Bootstrap;
• Ser em HTML;
• Ter parallax e imagens em transição de posição; e
• Ser entregue rápido!

O design das páginas foi entregue em arquivos PDF, bem grandes, com os layouts de desktop e mobile:

Seguindo os requisitos, foi realizada a codificação, inicialmente a estrutura do html, depois o estilo, incluindo a utilização do Bootstrap (na verdade não seria necessário). Alguns efeitos foram realizados com JavaScript, dentre eles o efeito de menu fixo e a animação ao scroll (código presente no post JS-1108 - JavaScript Completo ES6 - Refatoração Animação ao Scroll).

Por fim, deu pra realizar algo rápido, fiel ao apresentado no pdf, através da colocação de imagens trabalhadas, pois as imagens enviadas eram gigantes em peso e tamanho e utilização de fontes locais específicas.

Ainda há pontos que necessitariam de trabalho, desde contrastes entre os elementos, principalmente no menu, que afeta a acessibilidade, além de diversos outros detalhes, mas ainda assim, os testes de análise resultaram em repostas satisfatórias:

O resultado final do projeto pode ser visto clicando aqui.