Projeto
Site Pós de Desenvolvimento

Projeto
Site Pós de desenvolvimento

Página Mobile

Sobre o trabalho e objetivo principal:

Este projeto teve como foco testar um site mobile para apresentar as pós-graduações do Instituto Infnet na área de desenvolvimento de software. A proposta era exibir tanto o número de cursos disponíveis quanto informações institucionais de forma clara e atrativa.

Principais pedidos/desafios

1. Apresentar 5 cursos de clara e intuitiva

O desafio foi organizar as informações de forma clara e atrativa, evitando sobrecarga visual e garantindo uma navegação fluida. Para isso, utilizamos um design modular, destacando os cursos com títulos, descrições curtas e botões de ação estratégicos. As matrizes curriculares foram apresentadas de maneira simplificada, com carrosséis, permitindo que o usuário explorasse o conteúdo sem sair da página.

2. Destaque para o institucional da marca

O conteúdo institucional foi estruturado para transmitir credibilidade e reforçar a autoridade do Instituto Infnet na área de ensino. Utilizamos textos diretos e um design limpo, destacando diferenciais como reconhecimento acadêmico, metodologia de ensino e parcerias estratégicas. Elementos visuais, como depoimentos e selos de certificação, foram incorporados para fortalecer a confiança do usuário.

Software e tecnologias usados

WordPress / Elementor

Site feito no wordpress, com o plugin "Elementor"

HTML

Usado para hierarquizar o site, assim como para otimizar ao máximo para SEO

CSS

Usado para estilizar algumas seções da página que, pelo Bricks, ficavam limitadas

JavaScript

Usado para criar os botões e dividir a apresentação dos cursos em verticais, para que aparecesse a opção que o usuário desejasse ao clique

Canva

Usado para fazer as artes presentes na página

Sobre o trabalho e objetivo principal:

Fui responsável pelo desenvolvimento da homepage das Graduações Live do Instituto Infnet. O principal objetivo do site era alinhar-se ao posicionamento da marca e apresentar os cursos de forma dinâmica e intuitiva, evitando um layout pesado ou sobrecarregado.

Principais pedidos/desafios

1. Organização clara e intuitiva das Graduações Live

Para evitar que a apresentação dos cursos ficasse massante, criei uma estrutura de navegação baseada em verticais de produto, separando os cursos por categorias e utilizando botões interativos em JavaScript para facilitar a experiência do usuário.

2. Destaque para os diferenciais da oferta

A proposta era evidenciar os diferenciais dos cursos ao longo da página, reforçando o valor da oferta. Para isso, distribuímos essas informações estrategicamente:

  • Na capa, destacando os principais atributos;
  • No meio da página, com reforços visuais e textuais;
  • Na terceira seção, utilizando elementos gráficos distintos para enfatizar os benefícios de forma clara e envolvente.

Software e tecnologias usados

WordPress / Bricks

Site feito no wordpress, com o tema "Bricks"

HTML

Usado para hierarquizar o site, assim como para otimizar ao máximo para SEO

CSS

Usado para estilizar algumas seções da página que, pelo Bricks, ficavam limitadas

JavaScript

Usado para criar os botões e dividir a apresentação dos cursos em verticais