O objetivo deste curso é capacitar designers e criativos para desenhar e desenvolver websites completos em Framer, explorando desde os fundamentos até técnicas avançadas. No final, os participantes serão capazes de criar layouts responsivos, configurar CMS para clientes, implementar interações e animações complexas, integrar inteligência artificial para potenciar o design, e até transformar este conhecimento em oportunidades de monetização no mercado digital.
Destinado a designers, criativos, freelancers, estudantes de design e profissionais de comunicação que desejem ganhar autonomia na criação de websites sem depender de developers. Também é indicado para equipas e empreendedores que pretendem acelerar processos e lançar produtos digitais com maior agilidade e impacto.
Não são necessários conhecimentos de programação. Noções básicas de design digital e familiaridade com ferramentas de design (ex.: Figma, Sketch, Adobe XD) são recomendadas, mas não obrigatórias.
A certificação é entregue aos alunos em formato digital. Inclui a carga horária, modular e total, nota final do curso, certificação DGERT, carimbo e assinatura da coordenação pedagógica ou administração da escola.
Este programa foi concebido por profissionais da área com uma vasta experiência nacional e internacional.
› O Framer e o seu lugar no ecossistema
› Conceitos importantes de web design que é importante perceber
› HTML/CSS
› Como o conteúdo flui na web
› O box model
› Princípios de nesting & cascading
› Introdução ao Framer UI
› Pages, Layers e Assets
› Secções & Navegação
› Componentes & Variantes
› Text styles & color tokens
› Forms
› Responsive & breakpoints no Framer
› Introdução a animações & transições
› Introdução ao CMS
› Publicar o site
› Navegação avançada
› Criar um sticky menu com variantes
› Criar um menu personalizado com dropdowns
› Componentes avançados
› Como criar lógica em componentes
› Slideshow personalizado
› Dropdowns personalizados
› Pricing cards complexas
› SEO & acessibilidade
› O que é acessibilidade?
› Boas práticas
› Considerações de privacy
› Plugins úteis
› CMS avançado
› Construir CMS dinâmicos com campos multi-referência e variantes
› Combinar componentes com CMS
› Boas práticas para configurar o CMS para os clientes
› Animações e efeitos avançados
› Hamburger menu personalizado
› Parallax
› Secção de features personalizada e interativa
› Secção com scroll horizontal
› Efeito reveal de footer escondido
› Pre-loader
› Componente de cards 3D
› Spline x Framer: importando objetos 3D para o teu projeto
› Transição para dark mode com scroll
› You pick, we build. Há algo que queres aprender a fazer? Vamos a isso!
› Como integrar IA para levar o teu design ao próximo nível
› Code overrides
› Formas para monetizar o teu conhecimento em Framer
› Rendimento ativo vs passivo
› Onde encontrar os primeiros clientes
› Aplica tudo o que aprendeste num projeto final.
Cada tutor do curso está disponível para orientar o desenvolvimento das tuas competências e esclarecer as tuas dúvidas. Fica a conhecer os tutores e os elementos da equipa pedagógica que te vão acompanhar.
Todos os anos, mais de mil alunos escolhem a EDIT. para investir no seu futuro. Conhece alguns dos nossos ex-alunos e fica a saber como é a formação na EDIT.
