Prontmed
Do FIGMA para um template do WP
Projeto de modernização do site institucional da empresa Prontmed compondo a equipe de front-end. O site funciona sobre o CMS WordPress.
Está sendo um trabalho de muita exigência devido ao nível da empresa. O trabalho está totalmente centrado em equipe, exigindo muito esforço de integração e gerência de processos. Coube a mim apenas a transformação do design, projetado no FIGMA pela equipe de designers da empresa, em código HTML, CSS e JS, em forma de template do WordPress, para aplicação deste por demais componentes da equipe.
O processo de transformação de design em código foi árduo, pois em vários pontos o design não foi elaboradi sob o ponto de vista do programador. Além disso, devido exigência de cumprir o requisito "pixel perfect", o css seguia até os centésimos decimais de proporções.
Não pude aplicar com flexibilidade conceitos de responsividade, acessibilidade e performance. Minha autonomia foi muito limitada, eu era apenas um front-end, cujo trabalho ainda era refinado em um segundo estágio. Processos de simplificação, minificação e outros itens estão ainda fora do meu alcance nesse projeto. Até a ausência do favicon me incomodava, mas nada pude fazer.
Contudo, fiquei feliz de estar participando de um projeto deste, que embora tenha criticidade baixa, sem desenvolvimento de regras de negócios e trabalhos complexos no back-end, a exigência em fidelidade ao design foi alta, muito alta...
Abaixo, algumas imagens das páginas do site e o processo de codificação:
O estilo foi totalmente feito na mão, utilizando CSS e JS puro (um pouquinho de jQuery e algumas classes do Bootstrap em raros momentos de correria!!).
Para visualizar o projeto, clique aqui.