Reditec Sul 2022

A Reditec Sul – Reunião dos Dirigentes dos Institutos Federais de Educação, Ciência e Tecnologia da Região Sul – é um evento que reúne reitores, pró-reitores e dirigentes dos Institutos Federais da região sul do Brasil.

Para a edição de 2022 liderei a construção de um site que centralizou as informações do evento e permitiu aos participantes uma experiência mais prática e fácil, potencializando os resultados do evento.

reditecsul-mockup

Ilustração de um celular exibindo a página inicial do site e ao fundo várias telas de outras páginas do site

Etapas do Projeto

  • Objetivos Institucionais
  • Perfil dos Usuários
  • Análise Competitiva
  • Desafio de Design
  • Ideação
  • Projeto Gráfico
  • Prototipagem e Testes
  • Resultados

O que eu fiz

  • UX Design
    • Descoberta e definição do problema
    • Prototipagem e teste
    • Projeto Gráfico (UI)
  • Desenvolvimento
    • Construção do tema responsivo para o Wordpress
  • Gestão de pessoas e projeto

Objetivos Institucionais

Para atender os objetivos estabelecidos pelo organizador do evento, o site precisava atender os seguintes pontos:

  • Ser o único lugar a reunir todas as informações do evento.
  • Permitir que os jornalistas responsáveis pela cobertura do evento editasse e publicassem notícias, fotos e vídeos.
  • Dar acesso ao sistema de inscrição e emissão de certificados de participação.
  • Armazenar e dar acesso aos arquivos das apresentações dos palestrantes.
  • Armazenar e disponibilizar as fotos da cobertura do evento.

Prazo

Da concepção ao produto final, o projeto precisou ser feito em menos de 40 dias.

Perfil do Usuário

Como sabíamos quem seriam todos os possíveis participantes do evento, foi possível definir com precisão o perfil dos usuários. Todos os usuários fazem parte do grupo de pessoas que ocupam cargos de direção dentro das instituições. Têm acesso a internet de qualidade e acessariam o site tanto no desktop, enquanto estivessem no escritório, quanto no celular, quando em deslocamento. São usuários que presam pelo bom uso do tempo e pela agilidade e facilidade na resolução de tarefas. Com base neste perfil, a equipe enumerou funcionalidades importantes a serem implementadas no produto final:

  • Processo de inscrição deve ser simples e rápido.
  • As informações mais importantes devem estar disponíveis de maneira clara.
  • Disponibilizar informações sobre hotéis e hospedagem.
  • Informações sobre distâncias e o deslocamento entre o evento e os aeroportos mais próximos.
  • Acesso facilitado ao certificado de participação, usado como comprovação de participação para atender requisitos legais.
Foto do evento mostrando a mesa de autoridades durante a abertura
Dirigentes das instituições no Reditec Sul 2022

Análise Competitiva

A fim de estabelecer uma base de comparação e levantar informações sobre experiências similares ao produto que estávamos construíndo, analisamos o site da edição anterior da Reditec Sul e da Reditec nacional, que reúne os dirigentes de todo o Brasil. Todos os sites podem ser classificados como hotsites, ou seja, pequenos sites específicos para o evento em questão. Os sites funcionam de maneira isolada dos sites institucionais. O projeto gráfico é fortemente relacionado com a marca e com a identidade visual do evento. As funcionalidades são similares às que listamos durante a construção do perfil do usuário. 

Funcionalidades encontradas no sites avaliados

URLLink para inscriçõesNotíciasInformações sobre acomodaçãoInformações sobre transporteCompartilhamento de arquivos
http://reditecsul.iffarroupilha.edu.brSimSimNãoNãoNão
https://www.reditec.ifb.edu.brSimSimNãoNãoNão
https://reditec.ifsc.edu.brSimSimSimSimSim
http://2022.reditec.org.brSimSimNãoNãoNão
Presença das principais funcionalidades nos sites visitados

Desafio de Design

A proposta de valor do site do Reditec Sul para o usuário é prover eficiência e simplicidade nos processo relacionados ao evento, como inscrição, programação, informações sobre locomoção e hospedagem, acesso aos arquivos das apresentações e emissão de certificado, entre outros. É importante frisar que uma experiência eficiente nas atividades relativas ao evento impacta os participantes e suas instituições. Processos simples e rápidos significam mais tempo para que eles se dediquem as suas atividades principais.

Com relação à instituição, a proposta de valor é a percepção da própria instituição, refletida na organização e no profissionalismo na construção do site e do evento. A cobertura jornalística e o acesso às notícias tem um papel fundamental nessa percepção de valor.

Com base nestes valores, nosso desafio de design para o site do Reditec Sul foi:

Como criar um site que disponibilize as informações e serviços relacionados à Reditec Sul, de forma simples e eficiente, porque isso tem um impacto positivo sobre os usuários e suas instituições?

Ideação

Antes do processo de geração de alternativas, nossa estabelecemos a arquitetura da informação básica, usando um mapa do site. Construímos o mapa de maneira colaborativa usando o Jamboard do Google. O mapa do site inicial foi alterado após os resultados do teste de usabilidade e demandas institucionais. As mudanças podem ser vistas nas imagens a seguir.

Versão Inicial do mapa do site
Primeira versão do mapa do site
Versão final do Mapa do Site
Versão final do mapa do site após os testes de usabilidade e demandas institucionais

Rascunhos e Wireframes

O processo de ideação foi feito usando o Miro no Ipad. Primeiro fazendo esboços com a caneta e depois construindo wireframes das páginas, para explorar os fluxos de uso e a disposição dos elementos na página. Com isso chegamos na disposição dos elementos que acreditamos que permitiria a melhor experiência de acordo com a funcionalidades levantadas.

Alguns dos wireframes produzidos

rascunhos-wireframe

Wireframe da página inicial
Wireframe da página de notícia
Wireframe da página do evento
wireframe da página de inscrições

Projeto Gráfico

Para a construção da interface, além da estrutura da arquitetura de informação e do wireframe, eu defini o guia de estilos básico para a inferface visual. Eles foram baseados na identidade visual do evento. A paleta de cores, a tipografia e o estilo do projeto gráfico foram derivados da marca e da identidade visual. O uso dos cantos retos e curvos de maneira alternada na marca do evento inspirou a utilização desse recurso em elementos da interface.

projeto-grafico-images

projeto gráfico final da página inicial do site
Estilos usados no desenvolvimento do projeto gráfico do site

Prototipagem e Teste de Usabilidade

Com a definição da interface do usuário, eu construi as páginas no Adobe XD e pudemos testar o protótipo com usuários. Recrutamos usuários da nossa instituição com perfis semelhantes aos dos usuários finais do site e pedimos para que eles realizassem as tarefas que os participantes do evento desempenhariam no site. Após os testes, fizemos os ajustes necessários e chegamos a versão que a ser implementada em código.

Produto Final

Uma das funcionalidade necessárias ao site era que a equipe jornalística pudesse editar e publicar notícias e fotos da cobertura. Assim, foi necessário construir o site em uma plataforma que permitisse o controle de acesso para a publicação e fornecesse as ferramentas de edição e publicação. Como a equipe jornalística já trabalha com o Wordpress no portal institucional, optamos por construir um tema do Wordpress adaptado ao projeto gráfico desenvolvido.

Tecnologias envolvidas no desenvolvimento

  • Tema Wordpress
  • PHP
  • Javascript
  • Sass e CSS
  • HTML
visão de cima de uma pessoa usando um computador com o wordpress aberto e um celular ao lado mostrando o a página da noticia

Resultados

O site da Reditec Sul foi disponibilizado em 02 de maio de 2022 dando acesso à inscrição e às informações fundamentais do evento. Durante o período do evento, de 21 a 23 de junho, a equipe produziu e publicou a cobertura jornalística no site. Após o evento, os usuário também puderam ter acesso ao link para impressão dos certificados pelo site. No site estavam reunidas as informações sobre a programação, sobre o evento e a cidade que recebeu essa edição. Os usuários também tiveram acesso a informações sobre hospedagem e opções de deslocamento até a cidade e locais do evento.

Avaliação

Os participantes que responderam ao formulário de avaliação deram a nota 9,8 para o site (escala de 1 a 10). A seguir estão as avaliações dos resultados e impactos do site, feitas por alguns dos participantes envolvidos na organização do evento.

Depoimentos

O site ficou muito bonito e a sua estrutura ficou muito bem resolvida: em poucos cliques, os usuários conseguiam encontrar o que precisavam, seja para efetuar a inscrição ou para consultar informações gerais sobre a Reditec ou sobre a cidade onde o evento foi realizado.
Erik Feitosa - Diretor de Comunicação do IFPR

O site foi e é um excelente concentrador de informações para o sucesso do evento, sem dúvida a ferramenta trouxe excelentes resultados. Tanto no celular quanto no computador as informações estão dispostas de forma fácil de encontrar e visualizar, informações como a geolocalização do eventos e os contato de hotéis foram um facilitador para os participantes de outros estados.
Sidnei Batista dos Santos - Chefe de Gabinete do Diretor do IFPR Campus Cascavel

Acredito que o site impactou positivamente o evento. Primeiro porque o layout permite que o participante sinta o clima do evento por meio da identidade visual bem aplicada. Outro ponto é a boa usabilidade, que propicia acesso rápido ao conteúdo, facilitando a divulgação eficiente do evento.
Fernanda Sartor - Relações Públicas IFPR

Avalio que o site foi eficiente em divulgar o evento e sua marca, além de facilitar o acesso dos participantes a informações, notícias e outros conteúdos produzidos durante o evento.
Naiara Longhi Maia - Jornalista IFPR