Projeto
Graduação Live - Design de animação
Projeto
Site design de animação
Página Mobile
Sobre o trabalho e objetivo principal:
O objetivo desta Landing Page foi testar um design mais moderno em relação ao anterior, otimizando ao máximo para mobile. A página precisava reunir todas as informações do curso e apresentar o institucional da marca ECDD de forma clara e objetiva. Além disso, era essencial estruturar a hierarquia da informação de maneira intuitiva, garantindo uma experiência fluida e envolvente para o usuário.
Principais pedidos/desafios
Principais pedidos/desafios:
1 – Apresentar uma quantidade grande de informações de forma envolvente
O desafio foi organizar um grande volume de informações sem comprometer a experiência do usuário. Para isso, a estrutura da página foi planejada para facilitar a leitura e navegação, utilizando seções bem definidas, elementos visuais estratégicos e interatividade. Foram adotados recursos como botões expansíveis, carrosséis e infográficos para tornar o conteúdo mais dinâmico e acessível.
2 – Modernizar a página
A proposta foi atualizar o design da Landing Page, tornando-o mais atual e alinhado às tendências visuais e de usabilidade. Para isso, utilizamos uma identidade visual mais sofisticada, com uma paleta de cores moderna, tipografia contemporânea e elementos gráficos que reforçam a inovação. Além disso, a navegação foi otimizada para garantir uma experiência fluida e responsiva em dispositivos móveis.
3 – Institucional da ECDD
Era essencial comunicar a credibilidade e os diferenciais da ECDD de forma clara e objetiva. Para isso, destacamos informações sobre a instituição, sua metodologia de ensino e reconhecimento no mercado. Elementos como depoimentos, selos de certificação e dados relevantes foram incorporados para reforçar a confiança e autoridade da marca.
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
- hfsoares@outlook.com
- (21) 9 92576730
- Rio de Janeiro
- hfsoares@outlook.com
- (21) 9 92576730
- Rio de Janeiro