Landing Page da Netlux Solar

Sumário

• Descrição do Projeto
• Stack de Tecnologias
• Funcionalidades do projeto
• Autores e Contribuintes
• Referências

Descrição do Projeto

Como primeira oportunidade de freelance com front-end, "construi de ponta a ponta" (ideação, prototipagem, desenvolvimento, deploy) uma landing page comercial para a Netlux Energia Solar. Este é um site estático de apenas uma pagina capaz de adquirir informações de leads e repassar ao interessado.

O processo foi realizado em equipe, o que foi essencial para treinar os conhecimentos de versionamento em GIT e de trabalho em equipe, por fim o site foi entregue ao cliente e hospedado na Hostinger, atualmente o site em sua versão final pode ser acessado no endereço: https://netluxsolar.com.br/

Stack de Tecnologias

• Design e prototipagem - para construção e validação das ideias proposta com o cliente.

• Framework base - para aquisição de experiencia com um dos frameworks mais em alta do mercado e entre as comunidades de devs.

• Estilização - para controle do CSS unindo beleza, praticidade e responsividade.

• Deploy - para hospedagem custo beneficio e de qualidade.

Funcionalidades do projeto

• Planejado de ponta a ponta: Para construir exatamente da forma que o cliente desejava e adquirir experiencia de todo o processo, o site foi primeiro prototipado e validado com uso do Figma.

  

• Responsividade: Com uso do tailwindcss foi possivel construir um site responsivo de forma pratica e bela. Uma das bases do tailwind é a responsividade voltada para mobile first.

  

• Formulário: GetFormsIo é uma API simples e versatil que a baixo custo (e inicialmente até R$ 0,00) permitiu receber os dados dos leads do formulario de contato de forma eficiente, facilitando assim os orçamentos.

  

• Redirecionamento para WhatsApp: Por meio de um botão o usuario é redirecionado ao whats app comercial da empresa, com uma mensagem pre-feita, pronto para ser atendido.

Autores e Contribuintes

Gabriel Coelho	Luis Eduardo

Referências

Plataforma	Link
YouTube	Build and Deploy a Fully Responsive Website with Modern UI/UX in React JS with Tailwind
YouTube	From Figma to Tailwind CSS (Design Process + Code)