ESCOLA DE DESIGN · 2025 . IFSUL
Escola de Design - IFSUL
O Site da Escola de Design do IFSul foi um projeto acadêmico desenvolvido em grupo durante a graduação em Design, com a proposta de explorar a criação de uma possível experiência digital para representar a escola e aproximá-la de seus diferentes públicos.
Ao longo do projeto, trabalhamos de forma colaborativa na construção da experiência e da interface do site, buscando organizar as informações da instituição em uma navegação clara e, ao mesmo tempo, criar uma linguagem visual capaz de transmitir a identidade e o universo criativo da Escola de Design.
O resultado foi uma proposta de website que uniu UX, UI e identidade visual, transformando o conteúdo institucional em uma experiência digital mais organizada, atrativa e alinhada ao contexto do Design.
EMPRESA
Escola de Design IFSUL
PERÍODO
2025 — 2025
PLATAFORMA
Web . Responsivo
MEU PAPEL
Product Designer
CONTEXTO
A Escola
de Design
A Escola de Design do IFSul reúne cursos e iniciativas ligados à área do Design, envolvendo diferentes informações sobre formação, projetos e atividades acadêmicas. Nesse contexto, surgiu a oportunidade de pensar em como esses conteúdos poderiam ser apresentados de maneira mais clara e atrativa em um ambiente digital.
Como projeto acadêmico, desenvolvemos uma proposta de website institucional para a Escola de Design, buscando centralizar informações relevantes e facilitar o acesso de estudantes, futuros alunos e demais interessados. A ideia era criar uma experiência que, além de funcional, também refletisse visualmente o caráter criativo e a identidade da área de Design dentro da instituição.
CONTEXTO
O desafio
O principal desafio foi transformar o universo da Escola de Design do IFSul em uma experiência digital clara, funcional e visualmente representativa. Era necessário organizar diferentes tipos de conteúdo institucional sem tornar a navegação complexa, facilitando o acesso às informações para públicos com necessidades distintas.
Ao mesmo tempo, por se tratar de um projeto desenvolvido em grupo, o processo também exigiu colaboração e alinhamento entre diferentes perspectivas e decisões de design. O objetivo foi encontrar um equilíbrio entre usabilidade, organização da informação e expressão visual, construindo uma proposta que tivesse personalidade e, ao mesmo tempo, mantivesse a comunicação acessível e intuitiva.
PROCESSO
Como chegamos lá
01 — Pesquisa com usuários
Antes de partir para as interfaces, buscamos entender como estudantes e outros públicos da Escola de Design acessavam as informações existentes e o que esperavam encontrar em um novo site.
A turma construiu coletivamente um formulário no Google Forms, posteriormente compartilhado nos grupos de WhatsApp dos cursos de Design do IFSul. A pesquisa abordou temas como facilidade para encontrar informações, conteúdos considerados essenciais e áreas que deveriam ganhar maior destaque na página inicial, criando uma base para orientar as decisões do projeto.
02 — Organizando a informação
Com os aprendizados da pesquisa, avançamos para a arquitetura da informação. Estruturamos um sitemap para visualizar como os diferentes conteúdos poderiam se relacionar e definir uma navegação capaz de atender tanto às informações gerais da Escola de Design quanto às particularidades de cada curso.
A estrutura organizou os conteúdos em diferentes níveis e ajudou a estabelecer hierarquias, agrupamentos e caminhos de navegação antes de começarmos a desenhar as páginas.
03 — Da estrutura para os wireframes
Com a arquitetura definida, traduzimos essa organização em wireframes para desktop e mobile. Nessa etapa, o foco estava na estrutura das páginas: hierarquia dos conteúdos, distribuição das informações, navegação e comportamento responsivo, sem que as decisões visuais interferissem na construção da experiência.
Os wireframes também permitiram estabelecer padrões entre os diferentes cursos, mantendo uma estrutura comum para a Escola de Design e, ao mesmo tempo, prevendo espaços para conteúdos específicos de cada formação.
04 — Construindo o sistema visual
Depois de validar a estrutura das páginas, partimos para a definição da linguagem visual do site. Criamos um Style Guide reunindo tipografia, paleta de cores, elementos gráficos e demais padrões necessários para manter consistência entre as interfaces.
Também estruturamos uma biblioteca de componentes reutilizáveis, como botões, cards, elementos de navegação e outros módulos presentes nas páginas. Isso permitiu trabalhar de forma mais organizada e garantir que as diferentes telas compartilhassem a mesma lógica visual e de interação.
05 — Uma identidade para cada curso
A solução visual foi construída a partir de uma estrutura compartilhada, mas com variações capazes de dar personalidade aos diferentes cursos da Escola de Design. Cores e conteúdos específicos ajudam a diferenciar Design Gráfico, Design de Interiores e Bacharelado em Design, enquanto componentes, tipografia e organização permanecem consistentes.
Dessa forma, chegamos a um sistema que equilibra unidade institucional e identidade própria, permitindo que cada curso seja reconhecido sem perder a sensação de fazer parte de um mesmo ecossistema digital.
IMPACTO
Resultados
VAMOS CONVERSAR
Fale comigo
Se você acredita que design pode transformar problemas em experiências melhores, estou aberta a novos desafios e oportunidades para criar produtos digitais que unam estratégia, experiência e design.
ESCOLA DE DESIGN · 2025 . IFSUL
Escola de Design - IFSUL
O Site da Escola de Design do IFSul foi um projeto acadêmico desenvolvido em grupo durante a graduação em Design, com a proposta de explorar a criação de uma possível experiência digital para representar a escola e aproximá-la de seus diferentes públicos.
Ao longo do projeto, trabalhamos de forma colaborativa na construção da experiência e da interface do site, buscando organizar as informações da instituição em uma navegação clara e, ao mesmo tempo, criar uma linguagem visual capaz de transmitir a identidade e o universo criativo da Escola de Design.
O resultado foi uma proposta de website que uniu UX, UI e identidade visual, transformando o conteúdo institucional em uma experiência digital mais organizada, atrativa e alinhada ao contexto do Design.
EMPRESA
Escola de Design IFSUL
PERÍODO
2025 — 2025
PLATAFORMA
Web . Responsivo
MEU PAPEL
Product Designer
CONTEXTO
A Escola de Design
A Escola de Design do IFSul reúne cursos e iniciativas ligados à área do Design, envolvendo diferentes informações sobre formação, projetos e atividades acadêmicas. Nesse contexto, surgiu a oportunidade de pensar em como esses conteúdos poderiam ser apresentados de maneira mais clara e atrativa em um ambiente digital.
Como projeto acadêmico, desenvolvemos uma proposta de website institucional para a Escola de Design, buscando centralizar informações relevantes e facilitar o acesso de estudantes, futuros alunos e demais interessados. A ideia era criar uma experiência que, além de funcional, também refletisse visualmente o caráter criativo e a identidade da área de Design dentro da instituição.
CONTEXTO
O desafio
O principal desafio foi transformar o universo da Escola de Design do IFSul em uma experiência digital clara, funcional e visualmente representativa. Era necessário organizar diferentes tipos de conteúdo institucional sem tornar a navegação complexa, facilitando o acesso às informações para públicos com necessidades distintas.
Ao mesmo tempo, por se tratar de um projeto desenvolvido em grupo, o processo também exigiu colaboração e alinhamento entre diferentes perspectivas e decisões de design. O objetivo foi encontrar um equilíbrio entre usabilidade, organização da informação e expressão visual, construindo uma proposta que tivesse personalidade e, ao mesmo tempo, mantivesse a comunicação acessível e intuitiva.
PROCESSO
Como chegamos lá
01 — Pesquisa com usuários
Antes de partir para as interfaces, buscamos entender como estudantes e outros públicos da Escola de Design acessavam as informações existentes e o que esperavam encontrar em um novo site.
A turma construiu coletivamente um formulário no Google Forms, posteriormente compartilhado nos grupos de WhatsApp dos cursos de Design do IFSul. A pesquisa abordou temas como facilidade para encontrar informações, conteúdos considerados essenciais e áreas que deveriam ganhar maior destaque na página inicial, criando uma base para orientar as decisões do projeto.
02 — Organizando a informação
Com os aprendizados da pesquisa, avançamos para a arquitetura da informação. Estruturamos um sitemap para visualizar como os diferentes conteúdos poderiam se relacionar e definir uma navegação capaz de atender tanto às informações gerais da Escola de Design quanto às particularidades de cada curso.
A estrutura organizou os conteúdos em diferentes níveis e ajudou a estabelecer hierarquias, agrupamentos e caminhos de navegação antes de começarmos a desenhar as páginas.
03 — Da estrutura para os wireframes
Com a arquitetura definida, traduzimos essa organização em wireframes para desktop e mobile. Nessa etapa, o foco estava na estrutura das páginas: hierarquia dos conteúdos, distribuição das informações, navegação e comportamento responsivo, sem que as decisões visuais interferissem na construção da experiência.
Os wireframes também permitiram estabelecer padrões entre os diferentes cursos, mantendo uma estrutura comum para a Escola de Design e, ao mesmo tempo, prevendo espaços para conteúdos específicos de cada formação.
04 — Construindo o sistema visual
Depois de validar a estrutura das páginas, partimos para a definição da linguagem visual do site. Criamos um Style Guide reunindo tipografia, paleta de cores, elementos gráficos e demais padrões necessários para manter consistência entre as interfaces.
Também estruturamos uma biblioteca de componentes reutilizáveis, como botões, cards, elementos de navegação e outros módulos presentes nas páginas. Isso permitiu trabalhar de forma mais organizada e garantir que as diferentes telas compartilhassem a mesma lógica visual e de interação.
05 — Uma identidade para cada curso
A solução visual foi construída a partir de uma estrutura compartilhada, mas com variações capazes de dar personalidade aos diferentes cursos da Escola de Design. Cores e conteúdos específicos ajudam a diferenciar Design Gráfico, Design de Interiores e Bacharelado em Design, enquanto componentes, tipografia e organização permanecem consistentes.
Dessa forma, chegamos a um sistema que equilibra unidade institucional e identidade própria, permitindo que cada curso seja reconhecido sem perder a sensação de fazer parte de um mesmo ecossistema digital.
IMPACTO
Resultados
VAMOS CONVERSAR
Fale comigo
Se você acredita que design pode transformar problemas em experiências melhores, estou aberta a novos desafios e oportunidades para criar produtos digitais que unam estratégia, experiência e design.