Criação de sites sem código com Webflow
Um curso de Jan Losert, Designer visual
Aprenda os fundamentos do desenvolvimento web sem código e crie um site funcional do zero no Webflow
Com o Webflow, é possível desenvolver sites totalmente funcionais e profissionais sem precisar saber programar. O designer visual Jan Losert, especialista nesse software, consegue ajudar indivíduos e empresas, como Petal e Tiny Capital, a melhorarem sua presença online. Ele tem mais de 18 mil seguidores no Instagram e costuma elaborar recursos para designers.
Neste curso, Jan ensinará você a criar seus próprios sites com facilidade usando o Webflow. Você ajudará uma marca a se destacar da concorrência na internet desenvolvendo um site de marketing para qualquer tipo de negócio. Quer construir uma página impressionante sem nenhuma experiência em programação?
O que você aprenderá neste curso online?
23 aulas & 14 downloads
O que está incluído neste curso?
Primeiro, você conhecerá Jan Losert, seu professor neste curso. Ele contará da trajetória que seguiu, passando da criação de fóruns ao desenvolvimento de sites para startups e grandes empresas, e mencionará as principais influências que inspiram seu trabalho. Ele também dará conselhos para você ter sucesso no mercado de web design.
Em seguida, Jan apresentará você ao mundo do desenvolvimento sem código, mostrando os principais recursos do Webflow e onde encontrar imagens isentas de direitos autorais. Você criará um guia de estilo que apresente todos os principais elementos do seu design, como cores, fontes, botões e tipografia.
Logo, você desenvolverá a versão desktop do seu site, começando com o banner e depois partindo para o menu de navegação, elementos de colagem e estudos de caso. Você verá como criar formulários, adicionar uma seção intitulada "Trabalhe comigo" e desenvolver um rodapé com uma chamada à ação.
Hora de tornar seu site responsivo! Você começará com a visualização no formato tablet antes de passar para o celular, nas orientações retrato e paisagem. Você testará seus formulários, adicionará elementos interativos ao site e explorará a diferença entre dois tipos de interação: "page load" (carregamento de página) e “scroll in view" (rolagem na visualização).
Por último, você colocará os detalhes finais do seu site, explorará tags de SEO, hospedagem, manutenção do site e permissão para outras pessoas editarem a página. Para concluir o curso, Jan apresentará a você o sistema de gestão de conteúdo do Webflow, mostrando todo o seu potencial.
- 99% avaliações positivas (138)
- 7,716 alunos
- 23 aulas (5h 17m)
- 14 recursos adicionais (4 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Inglês, Alemão, Espanhol (Latam), Francês, indonésio, Italiano, Holandês, Polonês, Português, romeno, Türkçe
- Inglês · Espanhol · Português · Alemão · Francês · Italiano · Polonês · Holandês · Türkçe · romeno · indonésio
- Nível: Iniciante
- Acesso ilimitado para sempre
Qual é o projeto deste curso?
Você criará um site comercial totalmente funcional no Webflow, bem como um guia de estilo para futuras edições e ajustes.
Projetos de alunos do curso
Para quem é este curso online?
A qualquer pessoa interessada em criar sites sem precisar programar, como designers que queiram ampliar seu conjunto de habilidades ou empresários que desejam construir uma presença online.
Requisitos e materiais
Para fazer este curso, não é preciso ter experiência prévia com web design.
Quanto aos materiais, você precisará de um computador e uma conta gratuita no Webflow. Ter uma conta no Figma ou no Sketch ajudará você a tirar o máximo proveito do design, mas não é essencial.
Avaliações
Jan Losert
Um curso de Jan Losert
Jan Losert é um designer visual autodidata e especialista em Webflow, residente em Praga, na República Tcheca. Aos 15 anos, ele começou a criar fóruns para seus colegas de classe. Depois, passou a fazer o design de papéis de parede digitais e acabou descobrindo um amor pelo desenvolvimento web, compartilhando seu trabalho na internet. Jan, portanto, decidiu transformar sua paixão em carreira.
Desde então, trabalhou com mais de 30 startups e grandes empresas, entre elas a Petal e a Tiny Capital, construindo sites funcionais com foco na coerência da linguagem visual. Ele cria recursos como kits de interface do usuário e tutoriais do Webflow para designers, e já deu palestras sobre design de produtos, venda de sistemas de design e muito mais. Além disso, compartilha seu conhecimento com mais de 18 mil seguidores no Instagram.
Conteúdo
-
U1
Introdução
-
Sobre mim
-
Influências
-
-
U2
Webflow, visão geral sem código e criação de guia de estilo
-
Introdução ao No-Code
-
Recursos principais do Webflow
-
Projeto
-
Guia de estilo
-
Criação do Guia de Estilo 1
-
Criação do Guia de Estilo 2
-
-
U3
Desenvolvendo a versão para desktop
-
Seção de heróis
-
Navegação
-
Seções de Estudo de Caso 1
-
Seções de Estudo de Caso 2
-
Colagem Seção 1
-
Colagem Seção 2
-
Seção de Clientes e Formulário Simples de Newsletter
-
Rodapé
-
-
U4
Desenvolvendo o site responsivo
-
Janela de visualização do tablet
-
Janela de visualização móvel em paisagem e retrato
-
Formulários de teste
-
Interações
-
-
U5
Detalhamento final, entrada em operação e manutenção futura
-
Otimização e Hospedagem SEO
-
Painel de Manutenção, Editor e Ativos
-
Explorar CMS
-
-
PF
Projeto final
-
Criação de sites sem código com Webflow
-
O que esperar de um curso da Domestika
-
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
-
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
-
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
-
Certificados
PlusSe você for um membro Plus, obtenha um certificado personalizado assinado pelo professor de cada curso que concluir. Compartilhe-o em seu portfólio, mídia social ou onde quiser.
-
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
-
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
-
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
-
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
Este curso é ideal para quem já tem algum conhecimento básico de design ou web, mas iniciantes motivados também conseguem acompanhar. Ele aborda recursos intermediários do Webflow, fluxos no-code e design responsivo, perfeito para quem quer criar sites dinâmicos e profissionais sem programar.
Você vai precisar de um computador com internet, uma conta gratuita no Webflow e noções básicas de web. Ter alguma experiência com Figma ou ferramentas de design ajuda, mas não é obrigatório.
Você vai aprender a criar sites responsivos de marketing e portfólio no Webflow, usar ferramentas no-code, aplicar SEO, animar elementos, conectar formulários e gerenciar arquivos para projetos web profissionais — sem precisar programar.
O curso guia você passo a passo no planejamento, design e publicação de um site de marketing usando as ferramentas visuais do Webflow, incluindo layout, navegação, formulários, SEO e ajustes responsivos para todos os dispositivos.
Sim, o curso ensina a migrar layouts e arquivos do Figma para o Webflow, garantindo consistência no design e um fluxo de trabalho eficiente do design ao desenvolvimento.
Com certeza. Você vai aprender princípios de design responsivo, pontos de quebra e ajustes de layout para que seu site fique perfeito em desktops, tablets e celulares.
Sim, você vai aprender a animar elementos, criar efeitos de revelação suaves e aumentar a interatividade com as ferramentas visuais de animação do Webflow — sem precisar programar.
hasta el momento es justo lo que esperaba
Buena introducción a Webflow. Explicaciones claras y aplicadas siempre sobre un ejemplo práctico.
fluid and well explained
Muy creativo
Great course! The best instructor you can find for starting with Webflow.