Web Designer · HTML · CSS · Mobile First

Filipe Zini

Crio páginas responsivas, organizadas e fáceis de navegar, transformando ideias e necessidades de pequenos negócios em experiências digitais claras e funcionais.

Perfil profissional

Design simples, responsivo e pensado para pessoas

Sou web designer em formação contínua, com foco na criação de páginas usando HTML e CSS. Trabalho com uma abordagem mobile first para garantir que cada projeto tenha boa leitura, navegação intuitiva e adaptação consistente entre celulares, tablets e computadores.

Minha experiência profissional com atendimento e vendas também contribui para entender o objetivo de cada cliente, organizar as informações e criar páginas que comuniquem valor com clareza.

Como trabalho

Competências principais

Mobile first

Estruturas planejadas primeiro para telas pequenas e ampliadas progressivamente.

HTML semântico

Conteúdo organizado com elementos claros, acessíveis e fáceis de manter.

CSS responsivo

Layouts flexíveis, identidade visual consistente e adaptação para diferentes telas.

Acessibilidade

Contraste, foco visível, textos alternativos e navegação mais inclusiva.

Criação e experimentação

Projetos autorais

Projetos desenvolvidos para praticar soluções visuais, responsividade e organização de conteúdo.

Projeto autoral 01 Página responsiva para restaurantes Ver projeto

Página institucional com apresentação do estabelecimento, cardápio organizado em seções expansíveis e área para eventos. O layout foi pensado para facilitar a consulta pelo celular sem sobrecarregar a tela.

  • Objetivo: apresentar serviços e cardápio com clareza.
  • Tecnologias: HTML5 e CSS3.
  • Destaques: mobile first, elementos semânticos e uso de <details>.
Ver menu demonstrativo
Formação e prática

Minha jornada

Estudos, exercícios e projetos que mostram minha evolução no desenvolvimento de interfaces para a web.

Estudos 01 Fundamentos de HTML e CSS Ver estudos

Etapa dedicada aos fundamentos da web: estrutura semântica, formulários, tipografia, seletores, box model, Flexbox, Grid e media queries.

  • Conteúdos: HTML semântico, CSS, Flexbox e Grid.
  • Prática: páginas de tributo, formulários e landing pages.
  • Próximo passo: aprofundar acessibilidade e experiência do usuário.
Estudos 02 Evolução em design responsivo Ver evolução

Comparação entre os primeiros layouts e projetos mais recentes, destacando a evolução na organização do código, consistência visual e adaptação para diferentes tamanhos de tela.

  • Foco: mobile first e componentes reutilizáveis.
  • Aprendizado: planejar antes de estilizar reduz retrabalho.
Ver repositórios
Tem um projeto em mente?

Vamos transformar sua ideia em uma página clara e responsiva.

Conte o que seu negócio precisa e vamos conversar sobre a melhor estrutura para o projeto.

Falar no WhatsApp