top

UI Design

Constructor SODIMAC BR (landing page)

15 Nov , 2023  

Esta landing-page foi concluída já em meados de Dezembro de 2022, cerca de um mês depois de eu entrar na empresa. Ela trata do “Programa de Fidelidade do Profissional”, voltado para os profissionais da construção interessados em ter benefícios de compra nas lojas, bem como acesso a cursos específicos oferecidos pela empresa, aluguel de ferramentas, etc.

[A página pode não ser exibida da forma correta devido a alterações tecnológicas no servidor da empresa em meados de Dezembro 2023 até o momento. Vou atualizar aqui o link em breve, caso consigamos contornar os problemas.]
Acesse e confira:
https://www.sodimac.com.br/sodimac-br/constructor/

Na ocasião fui convidado a fazer o redesign desta página, que já existia. Ela como um todo eu mantive apenas alguns detalhes. Mas o slider no início, e o vídeo lá no final (na última sessão), e os elementos de subtítulo (headings… “h2”, “h3”, etc.), são de fato melhoramentos e aplicações minhas no layout. Além disso, cuidei também das páginas internas de cada tipo de profissional, e afinal, todo código front-end de tudo, onde fiz melhoramentos conforme Web Standards.
Apliquei um efeito parallax no slider, com um plugin de JS.
O slider em si eu de fato integrei também, com ajuda do plugin “Owl Slider”, além de um plugin de carregamento async do vídeo, a fim de melhorar o carregamento inicial da página e a performance em geral.
A seguir deixo aqui alguns printscreens.
Printscreen do formato mobile:


Printscreen versão desktop do slider (demonstração):

 
 

, , , , , , ,


Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *