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