Março

PUCPR - Novo site

EMPRESA

PUCPR

PAPEL

UX/UI Design

EXPERTISE

UX/UI Design

ANO

2025

Descrição do projeto

O site da PUCPR era funcional e organizado, mas deixava a desejar no aspecto visual. Faltava identidade, movimento e atratividade — especialmente para um público mais jovem, acostumado a experiências digitais mais imersivas.

Problema principal: O site cumpria seu papel informativo, mas não transmitia a força, a inovação e o posicionamento da marca PUCPR como uma universidade de referência.

Objetivo

Realizar um redesign visual completo do site, com foco em:

  • Criar uma experiência mais envolvente

  • Aplicar a identidade visual da marca de forma mais marcante

  • Incorporar animações, transições suaves e microinterações

  • Trazer uma linguagem visual mais jovem e tecnológica, sem comprometer a clareza

Processo

O objetivo central foi transformar a estética do site da PUCPR por meio de um redesign visual completo. A proposta envolvia aplicar de forma estratégica a identidade visual da marca, trazendo mais personalidade e consistência para a interface. Busquei criar uma experiência mais envolvente e atrativa, com o uso de cores mais vivas, tipografia impactante, transições suaves e microinterações que enriquecessem a navegação. A meta era aliar beleza e funcionalidade, elevando a percepção da marca e tornando o site mais compatível com o posicionamento institucional da universidade.

Pesquisa e Inspiração

  • Levantamento de referências visuais em sites educacionais e de tecnologia

  • Análise da identidade atual da PUCPR (cores, tipografia, tom de voz)

  • Estudo de boas práticas em animações para web (microinterações, transições entre seções)

Moodboard

  • Criação de um moodboard com referências visuais modernas e acessíveis

  • Definição da linguagem visual: tipografia, cores, espaçamento, estilo de ícones e imagens

  • Criação de guidelines para animações e interações

Wireframes e prototipagem

  • Estrutura base mantida para garantir funcionalidade

  • Aplicação de novo visual em protótipos de alta fidelidade

  • Inclusão de interações animadas no Figma para demonstrar fluxo e comportamento dinâmico

Design visual e microinterações

  • Uso de transições suaves para páginas e seções

  • Microanimações em botões, cards e navegação

  • Design responsivo com atenção especial à experiência mobile

Entrega

  • Protótipos navegáveis com transições no Figma

  • Documentação das animações e estilos para desenvolvimento front-end

  • Apresentação da solução com foco em estética, identidade e experiência

Solução

O resultado foi um site visualmente mais sofisticado e compatível com a identidade da PUCPR. A nova interface combina modernidade, clareza e dinamismo, sem perder a sobriedade institucional. O uso de animações suaves e microinterações ajudou a criar uma navegação mais fluida e intuitiva, elevando a experiência do usuário. A estética renovada reforça a imagem de uma universidade inovadora, conectada com o futuro e com seu público. Tudo isso mantendo a funcionalidade e os fluxos já consolidados no site anterior.

Link da página: PUCPR

Create a free website with Framer, the website builder loved by startups, designers and agencies.