Sobre este projeto
it-programming / web-design
Aberto
O que eu já tenho
arquivo figma com camadas editáveis e recurso de inspect/export habilitado.
Todos os textos e elementos visuais definidos.
Hospedagem e domínio já configurados (não é necessário deployment).
ESCOPO
Reconstruir 3 páginas, totalizando ~25 seções no Bricks (WordPress).
Totalmente responsivo para desktop, tablet e mobile.
Largura base do Figma é 1500px, mas o conteúdo deve respeitar um container de largura máxima em boas práticas (cerca de 1200px, ou a largura padrão de conteúdo do Bricks).
Fidelidade total ao Figma: espaçamentos, tipografia, tamanhos, cores, imagens.
Microinterações leves conforme o design (estados de hover, smooth scroll, revelações simples). Evitar bibliotecas de animação pesadas, a menos que sejam estritamente necessárias.
Requisitos de construção (bricks)
usar containers do bricks com flex/grid para layout.
Configurar Global Theme Styles e tokens globais para cores/tipografia/spacing. Nada de estilos inline.
Estilização baseada em classes. Evitar estilização por ID. Nomes de classes lógicos e reutilizáveis.
Tipografia com tamanhos fluidos quando apropriado (ex.: Clamp()).
Assets: exportar/otimizar do Figma. Preferência para WebP em fotos e SVG em ícones. Lazy-load para imagens não críticas.
Performance: uso mínimo de JS customizado, sem Jquery, evitar plugins pesados de terceiros. Css enxuto e profundidade de dom razoável.
Acessibilidade: Html semântico, hierarquia correta de headings, textos alternativos (alt text), estados de foco visíveis e contraste de cores adequado sempre que possível.
Entregáveis
exportação do bricks (json) de todos os templates/seções.
Exportação do Bricks Theme Styles (JSON) com cores/tipografia/spacing globais.
Pasta organizada de assets (imagens/Svgs) separada por página/seção.
Readme curto explicando: estratégia de max-width/container, convenções de nomenclatura de classes, qualquer css/js customizado, e notas para edições futuras.
Opcional: vídeo rápido (Loom) mostrando os testes responsivos e onde ficam os globais.
Fora do escopo
nada relacionado a hospedagem, dns ou deployment.
Sem modelagem de CMS ou dados além dos templates do Bricks.
Nenhuma reescrita de conteúdo.
Como se candidatar
envie 2–4 projetos relevantes no bricks (figma → bricks), mostrando responsividade e performance.
Informe um preço fixo para as 3 páginas / ~35 seções.
Inclua prazo de início e tempo estimado de entrega.
Adicione quaisquer perguntas de esclarecimento que precise antes de começar.
Categoria TI e Programação
Subcategoria Web Design
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho o design
Disponibilidade requerida Meio período
Necesidad específica Criar um site em Wordpress
Duração do projeto De 1 a 3 meses
Habilidades necessárias