Desenvolver site responsivo em HTML, CSS e JavaScript


Nós estamos reformulando o site.O site atual foi feito em WordPress e, além de lento, não funciona com Google Ads.Nosso objetivo para o novo site é aproveitar o poder dos LLMs e desenvolver um site responsivo sem WordPress, utilizando HTML, CSS e um pouco de JavaScript.Fizemos um trabalho de UI/UX com uma designer especializada e chegamos a dois protótipos (Desktop e Mobile), já com os textos, imagens e ícones. Está tudo pronto para ser desenvolvido.A ideia é que o produto final, desenvolvido em puro HTML, CSS e JS, seja o mais próximo possível dos protótipos em Figma.O único detalhe que não está 100% refletido no protótipo em Figma são os posts do Blog.Nós temos 19 posts no blog atual, mas fazem anos que não fazemos novos posts, e se formos postar, será bem esporádico. Por este motivo, a ideia é fazer os posts do blog antigo em páginas estáticas no site novo, sem utilizar um sistema de blog propriamente dito.Perceba que as páginas do blog nos protótipos são bem simples, não têm comentários, nem nada "fancy".Os metadados dos posts são somente a data e hora, nome do autor e categoria. Nessa parte de filtro de categoria, acredito que vale a pena usar JS.Protótipo Desktop:https://www.figma.com/proto/iJ4DIul86MTjq5kZggytKz/UI-Site-Solid-BI-2025-v04.1--Copy-?page-id=2030%3A13&node-id=2060-6&p=f&viewport=-6892%2C105%2C0.73&t=Lu2KBGZgjW2A0WgV-1&scaling=contain&content-scaling=fixed&starting-point-node-id=2060%3A6Protótipo Mobile:https://www.figma.com/proto/iJ4DIul86MTjq5kZggytKz/UI-Site-Solid-BI-2025-v04.1--Copy-?page-id=8026%3A324&node-id=8026-327&p=f&viewport=-4724%2C-2822%2C1.62&t=BlKrxy30zjv6sH1Y-1&scaling=contain&content-scaling=fixed&starting-point-node-id=8026%3A327Qualquer dúvida, me manda mensagem.Aguardo seu orçamento!Atenciosamente,Rafael Schaffer"> Boa tarde, desenvolvedor,Nós estamos reformulando o site.O site atual foi feito em WordPress e, além de lento, não funciona com Google Ads.Nosso objetivo para o novo site é aproveitar o poder dos LLMs e desenvolver um site responsivo sem WordPress, utilizando HTML, CSS e um pouco de JavaScript.Fizemos um trabalho de UI/UX com uma designer especializada e chegamos a dois protótipos (Desktop e Mobile), já com os textos, imagens e ícones. Está tudo pronto para ser desenvolvido.A ideia é que o produto final, desenvolvido em puro HTML, CSS e JS, seja o mais próximo possível dos protótipos em Figma.O único detalhe que não está 100% refletido no protótipo em Figma são os posts do Blog.Nós temos 19 posts no blog atual, mas fazem anos que não fazemos novos posts, e se formos postar, será bem esporádico. Por este motivo, a ideia é fazer os posts do blog antigo em páginas estáticas no site novo, sem utilizar um sistema de blog propriamente dito.Perceba que as páginas do blog nos protótipos são bem simples, não têm comentários, nem nada "fancy".Os metadados dos posts são somente a data e hora, nome do autor e categoria. Nessa parte de filtro de categoria, acredito que vale a pena usar JS.Protótipo Desktop:https://www.figma.com/proto/iJ4DIul86MTjq5kZggytKz/UI-Site-Solid-BI-2025-v04.1--Copy-?page-id=2030%3A13&node-id=2060-6&p=f&viewport=-6892%2C105%2C0.73&t=Lu2KBGZgjW2A0WgV-1&scaling=contain&content-scaling=fixed&starting-point-node-id=2060%3A6Protótipo Mobile:https://www.figma.com/proto/iJ4DIul86MTjq5kZggytKz/UI-Site-Solid-BI-2025-v04.1--Copy-?page-id=8026%3A324&node-id=8026-327&p=f&viewport=-4724%2C-2822%2C1.62&t=BlKrxy30zjv6sH1Y-1&scaling=contain&content-scaling=fixed&starting-point-node-id=8026%3A327Qualquer dúvida, me manda mensagem.Aguardo seu orçamento!Atenciosamente,Rafael Schaffer

Keyword: Desenvolvimento mobile

CSS Desenvolvimento Web HTML Javascript

 

Desenvolvimento mobile Ios nativo

Colaborar com o time de desenvolvimento da BUNKER79 em atividades de iOS nativo (Swift) para aplicativos de iPhone dos nossos clientes.Category: IT & ProgrammingSubcategory: Web developmentWhat is the scope of the project?: Medium-sized changeIs this a project or a ...

View Job
Programador Delphi Pleno

Certificação de Delphi, StarTeam, CaliberRM A formação é composta pelos seguintes cursos: 1. Delphi Essencial; 2. Desenvolvimento de Aplicações Win32; 3. Fast Reports; 4. Criação de Componentes; 5. DataSnap Multi-tier. 6. Desenvolvimento Mobile 7. Visual Studio Atividad...

View Job
Programação App Mobile

Eu possuo um design pronto. Anteriormente não administrei este tipo de projetos. O desenvolvimento é para iPhone e Android, mas podemos nos concentrar em Android. O freelancer seria para um projeto. Pretendo pagar pela totalidade do projeto finalizado. Este projeto é pa...

View Job