Com o crescimento da procura por formação em design digital, surgiu a oportunidade de criar uma landing page estratégica para divulgar um curso de UI Design voltado a iniciantes e profissionais em transição de carreira.
O desafio foi unir clareza, atratividade e conversão em uma única página, apresentando o conteúdo do curso de forma envolvente e objetiva.
Desenvolver uma one page com foco em conversão, capaz de comunicar o valor do curso de forma rápida e visualmente impactante.
A estrutura da página deveria guiar o usuário por uma jornada fluida — desde o entendimento da proposta do curso até a inscrição — utilizando boas práticas de UI como hierarquia visual, CTA claros, responsividade e identidade visual coerente com o público-alvo.
A cor Primary: usada nas interações, botão de CTA, a cor Secondary: usada em assets visuais e a cor Neutral: usada nos títulos em fundos claros e escuros.
Por padrão o grid usado foi o de 8px (podendo ter uma variação de 4px) com margens laterais de 20px, grade de 4 colunas, gutter de 16px.
O espaço seguro deixado para a barra de status bar é de 44px e da home navigator é de 34px.
Colunas
Margem
Gutter
Foi usada as fontes Poppins para Headline (títulos e interações) e a fonte Inter para o body (corpo, tags, hats e outros textos menores).
Poppins Bold
Poppins Regular
Poppins Bold
Poppins Regular
Inter Bold
Inter Medium
Inter Regular
Inter Bold
Inter Medium
Inter Regular
Nesse estudo de caso, o foco foi em UI e levo como aprendizado, usar patterns, praticar.
Tipografia, o ideal é usar um ou dois tipos de fonte no máximo.
White Space, usar do white space na interfaces.
Cores, usar o manual da marca, representando o seu tom de voz.
