Pular para o conteúdo

JHONATAN OLIVEIRA®

PORTFOLIO / 2026

FRONTEND / PRODUTO / DESIGN

Engenharia, direção e ofício digital em um único sistema contínuo.

ISSUE / 01

Arquivo de projetos

02 / Case study

Plataforma Web / 2026

Priscila Albuquerque — Site institucional

O site institucional da Priscila Albuquerque foi desenvolvido com o objetivo de posicionar sua marca pessoal como especialista em marketing digital focado em resultado, unindo estratégia, autoridade e proximidade em uma única experiência digital.

Priscila Albuquerque  — Site institucional
J / O — Plataforma Web

Índice do case

01 — 04

Disciplina
Plataforma Web
Ano
2026
Status
Concluído
Registros visuais
06

Tecnologias

Next.jsTailwindCSSPostgresTypeScriptshadcn/uiReactPrismaORMenexCMS

Site institucional — Priscila Albuquerque

O site institucional da Priscila Albuquerque foi desenvolvido com o objetivo de posicionar sua marca pessoal como especialista em marketing digital focado em resultado, unindo estratégia, autoridade e proximidade em uma única experiência digital.

Desde o início, o projeto foi pensado para ir além de um site informativo. A proposta era criar uma plataforma capaz de converter visitantes em clientes, refletindo a própria atuação da Priscila: estratégica, humana, moderna e orientada a performance.

O desafio

O principal desafio do projeto foi traduzir uma atuação altamente estratégica em uma comunicação simples e direta, sem perder profundidade.

Era necessário:

  • Comunicar autoridade e experiência no marketing digital

  • Explicar serviços complexos de forma acessível

  • Criar conexão humana com o visitante

  • Estruturar o site com foco em conversão, não apenas em estética

Tudo isso sem tornar o site excessivamente técnico ou engessado.

A abordagem

O projeto foi desenvolvido do protótipo no Figma até a implementação em código, garantindo total controle sobre narrativa, identidade visual e experiência do usuário.

A construção do site seguiu três pilares:

  • Clareza: mensagens diretas, sem ruído ou exageros

  • Humanidade: linguagem próxima, alinhada à comunicação pessoal da Priscila

  • Performance: estrutura pensada para geração de leads e oportunidades

Cada seção foi planejada estrategicamente para conduzir o usuário da descoberta à ação.

Decisões de UX e UI

  • Hierarquia visual clara, destacando propostas de valor

  • Layout moderno e limpo, reforçando profissionalismo

  • Linguagem visual acessível, sem perder sofisticação

  • CTAs bem posicionados, focados em conversão

  • Navegação simples, reduzindo fricção no percurso do usuário

O design atua como extensão da estratégia de marketing, não apenas como suporte visual.

Resultado

O site entrega uma presença digital que:

  • Posiciona a Priscila como autoridade em marketing digital e conversão

  • Comunica claramente seus serviços e diferenciais

  • Cria conexão imediata com potenciais clientes

  • Funciona como um ativo estratégico de aquisição e relacionamento

Este projeto demonstra como design, conteúdo e desenvolvimento, quando alinhados, se tornam ferramentas diretas de crescimento de negócio — exatamente o que a marca da Priscila representa.

04 / Evidências visuais

06 ITEMS

O trabalho, em contexto.

Telas, motion e artefatos de apoio que mostram como o sistema se comporta para além de uma capa estática.

Projetos selecionados / arquivo

END / CASE

Um case é só um capítulo.

Volte ao arquivo para conhecer outras interfaces, produtos e experimentos construídos com a mesma atenção a produto, direção visual e engenharia frontend.

Ver todos os projetos