História e contexto
O portfólio de Alessandra de Mattos organiza sua atuação em UX/UI, WordPress, conteúdo e operação digital. A apresentação reúne experiência, projetos e formas de contato em uma interface de leitura progressiva.
A pergunta estratégica
Como apresentar uma atuação generalista com clareza, permitindo compreender o papel profissional, explorar decisões de projeto e encontrar evidências de implementação?
Estudo de caso — da trajetória à evidência
O desafio foi apresentar uma atuação generalista de forma que cada capacidade pudesse ser relacionada a projetos, decisões e implementações consultáveis. O portfólio reúne trajetória, processo, laboratório e estudos de caso, oferecendo caminhos de leitura sem exigir que o visitante percorra todos os detalhes.
Decisões e critérios do projeto
- Leitura progressiva: apresentação e capacidades na Home; aprofundamento em cases expansíveis, com contexto e links para os projetos.
- Identidade: grafite, berinjela, grade e tipografia Space Grotesk estabelecem a linguagem de um ambiente digital de trabalho.
- Manutenção: WordPress e Elementor Free permitem atualizar conteúdo sem depender do Elementor Pro.
- Contato direto: o e-mail substitui o formulário, por decisão de projeto; o currículo permanece disponível para download.
- Continuidade: navegação por âncoras e links de acesso ao projeto conectam apresentação, evidência e contato.
Um problema real de implementação
Durante a implantação, o conteúdo aparecia na prévia, mas podia ficar invisível dentro do Elementor: as regras de entrada dependiam do estado de animação. A solução foi tornar os blocos visíveis no modo de edição, preservando os efeitos na navegação pública. O ajuste separa a necessidade de editar da experiência apresentada ao visitante.
Validação e publicação
A documentação registra testes de abertura e fechamento dos cases por teclado, foco visível, links, imagens e largura de celular. Home, Política de Privacidade e Termos de Uso receberam metadados SEO e URLs definitivas. O contato por e-mail foi confirmado pela responsável pelo projeto.
A publicação demonstra a implementação disponível. Não se atribuem a este case métricas de conversão, resultados de pesquisa com usuários ou pontuações de performance que não foram medidos.
Aprendizado e evolução
Um portfólio precisa tornar o trabalho compreensível e verificável, além de apresentar uma identidade. O projeto conecta trajetória, raciocínio e implementação, com estrutura preparada para receber novos cases. A revisão contínua de navegação, acessibilidade e desempenho acompanha essa evolução.
Estrutura da experiência
A navegação conecta projetos, trajetória, processo, laboratório e contato. Os estudos de caso aprofundam o raciocínio; os links para projetos ao vivo e repositórios permitem consultar a implementação.
Sistema visual
Grafite e berinjela, tipografia com hierarquia clara, grade, indicadores de estado e movimento discreto compõem uma linguagem tecnológica. A estrutura prioriza leitura e continuidade entre as seções.
Implementação e evolução
O site utiliza WordPress e Elementor Free. A interface reúne navegação por âncoras, cases expansíveis, currículo para download e contato por e-mail, com conteúdo organizado para manutenção.
Autoria
Aziza / Alessandra de Mattos — Concepção do projeto, UX/UI, conteúdo profissional e desenvolvimento web.
Realização — Akili Design.
Explore o projeto