Bootcamp Online
Webflow 2.0 – Cria sites completos, com as práticas da era IA

A definir
2x375€
Seg, Qua - 19h às 23h
promo
Remote
Pós-Laboral
SOBRE O CURSO

Esta formação aborda o processo completo de criação de um site em Webflow desde a conceção até à publicação, seguindo as melhores práticas do mercado. Ao longo da formação, vais passar por todas as etapas essenciais, incluindo estruturação de páginas a partir de Figma, gestão de conteúdo com CMS, criação de interações e animações, otimização para SEO e performance, e publicação final. Inclui ainda automações para marketing e uma introdução aos recursos de Inteligência Artificial aplicados ao Webflow.

Visão geral

Curso de Webflow para criar e publicar sites completos, com foco em design, CMS, animações, SEO e automações com IA.

Objetivos

No final do curso, vais ser capaz de compreender todo o processo de desenvolvimento de sites, criar projetos do simples ao mais complexo, estruturar soluções ajustadas a diferentes necessidades de negócio e desenvolver experiências visuais alinhadas com branding e marketing. Vais também ganhar uma visão mais estratégica sobre o uso de Inteligência Artificial no processo criativo, permitindo-te destacar no mercado com projetos mais completos e eficientes.

Dirigido a

O curso destina-se a Visual Designers, UI Designers, Brand Designers, Digital Designers, Web Designers, Diretores de arte digital, e Designers Generalistas que buscam conhecimento em HTML, CSS e JS através de uma ferramenta no-code (sem que tenham que escrever código). Perceber estas linguagens torna possível a construção de projetos arrojados, diferentes, imersivos e amplamente interactivos para o utilizador, com fidelidade exata ao previsto nos protótipos.

Requisitos

Conhecimentos básicos de Design e processo de criação de projetos digitais, com Figma; Conhecimentos básicos de Webflow; Computador com ligação à internet; Webcam e microfone.

Seg
19h-23h
Ter
Qua
19h-23h
Qui
Sex
Sab
Dom

O que inclui a formação:

32h
Aulas Práticas e Teóricas 32h
Aulas Remote Learning
Total 32h
Carga horária total da formação
certificado-dgert@2x

Curso certificado pela DGERT

A certificação é entregue aos alunos em formato digital. Inclui a carga horária, modular e total, do curso temáticas, notas finais de cada módulo e média final do curso, certificação DGERT, carimbo e assinatura da coordenação pedagógica do programa ou administração da escola.

PROGRAMA DO CURSO

Bootcamp Online
Webflow 2.0 – Cria sites completos, com as práticas da era IA

Estrutura da Formação

1 – Introdução ao Webflow

  • Contexto e universo do Webflow
  • Cenário do mercado digital
  • Tipos de projetos
  • Maturidade de empresas
  • Mindset e melhores práticas
  • Oportunidades
  • Interface do Webflow
  • HTML (box model)
  • Classes (styles)
  • HTML Tags X Classes
  • Tipos de layouts
  • Tipos de position
  • Breakpoints

2 – Construção

  • Variáveis e criação de Style Guide
  • Hierarquia da informação (headings)
  • Estrutura de páginas: URLs e pastas
  • Construção de elementos, secções e páginas
  • Componentes

3 – CMS

  • Diferenças entre página dinâmica e estática
  • Conceito básico: lista e página
  • Arquitetura de conteúdo
  • Criação de uma collection
    • Tipos de campos e finalidades
    • Aplicação de conteúdo dinâmico à página
    • Construção de página CMS
    • Filtros e visibilidade condicional

4 – Interações e animações com GSAP (novo)

  • Interações
    • Estados de botões, sliders e tabs
    • Triggers (Click, hover, page load, scroll, custom)
    • Animações Pre-set (automáticas)
    • Animações customizadas
    • Introdução à implementação Spline scenes
    • Introdução à implementação de Lottie files

5 – SEO, Debug e publicação

  • SEO, AEO & Performance
    • Title, Meta Description, OpenGraph e demais elementos
    • Revisão através do Audits
    • Schema Markup
    • PageSpeed Test
    • Cookie Script
  • Revisão de funcionalidades
    • Buttons
    • Animations
    • Breakpoints
    • Navegação: âncoras, páginas e URLs externas
    • Configuração de navegação e links
  • Publicação
    • Planos de usuário e hospedagem
    • Instalação de URL

6. Automações para Marketing

  • Localization (multi-idiomas)
  • Formulários inteligentes
  • Implantação de Apps (HubSpot, etc.)
  • Tracking APIs
  • Custom code (se aplicável)
  • Page Templates
  • Page Slots e Componentes inteligentes

7. Webflow IA

  • Principais recursos
  • Vantagens e desvantagens
  • Criando um site usando IA
  • Introdução ao AppGen (geração de plataformas e funções com IA)

Claude Code


Tutor e Equipa Pedagógica

Conhece a equipa

O tutor do curso está disponível para orientar o desenvolvimento das tuas competências e esclarecer as tuas dúvidas. Fica a conhecê-la e a equipa pedagógica.

pt
Sergio

Sérgio Santos

Pedagogical & Front-Desk Assistant

Departamento Pedagógico

pt
Mariana (1)

Mariana Pereira

Pedagogical Manager

Departamento Pedagógico

ALUMNI

Estudar na EDIT.

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.

Perguntas frequentes

Cheque Formação + Digital (IEFP)

Existem pré-requisitos para este workshop?

Este workshop é certificado?

Que opções de pagamento oferecem?

As aulas são gravadas?

Necessitas de ajuda para escolher o curso certo?

Envia-me uma mensagem por aqui ou utiliza o botão Whatsapp

Francisco Freitas

Student Admissions Manager

Enviar mensagem
Bootcamp / UXUI Design
Bootcamp Online
Webflow 2.0 – Cria sites completos, com as práticas da era IA

Detalhes
DATAS
Remote
32 horas
2x375€
Seg, Qua - 19h às 23h

Informação Pessoal


    Chat on WhatsApp

      Fale connosco

      Interesses

        Subscrever Newsletter

        Interesses

        Privacy Overview
        EDIT.

        This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

        Necessários

        Os cookies necessários ajudam a tornar um website útil, permitindo funções básicas, como a navegação e o acesso à página para proteger áreas do website. O website pode não funcionar corretamente sem estes cookies.

        Estatísticas

        Os cookies de estatística ajudam os proprietários de websites a entenderem como os visitantes interagem com os websites, recolhendo e divulgando informações de forma anónima.