Hey there, fellow curious one.
Loading
Loading
Projetos Sobre Experiências criativas

MAGIS 2023

UX/UI Design, Desenvolvimento web

Design e desenvolvimento do site do Magis, incluindo plataforma de inscrições com requisitos muito específicos, para mais de 4000 inscrições, geridas por coordenadores de mais de 30 países.


O Magis é um evento que acontece pouco antes da JMJ e, em 2023, como a JMJ foi em Portugal, o Magis também.

O cliente queria um aspeto renovado para o site, alinhado com os visuais que já estavam a desenvolver — com um elemento de onda, azuis, brancos e um toque de vermelho. Depois da prototipagem, o desenvolvimento seguiu fluidamente e brevemente depois, surgiu um novo pedido: uma plataforma de inscrições para participantes e coordenadores, com painel para acompanhar tudo.


Todos os dados mostrados neste case são fictícios para proteger informação sensível.
Website: magis2023.org

Freelance + Parceria com Luís Antunes

Consultoria

Prototipagem

Design

Programação

2022/2023

Caneta e papel

Adobe XD

Photoshop

Illustrator

VSCode

HTML, PHP e Twig

Javascript

SASS e CSS

mySQL

Wireframes de alta fidelidade

Página inicial do site

As animações suaves tinham de estar presentes, claro, e foram pensadas para que tudo fluísse de forma natural. Houve também espaço para uma interação interessante na página inicial que mostrasse as várias experiências que o Magis tinha para oferecer.

Página Sobre
Animação da secção Experiências ligada ao scroll

Página Materiais (imagens © Magis)

Como o Magis 2023 era um evento de vários dias, tinha de surgir nova informaçãodepois de o contador terminar e ficar disponível em momentos concretos ao longo dos dias. Isto implicava mudanças de layout sensíveis ao tempo, a funcionar automaticamente. Esta lógica estendeu-se à plataforma de inscrições, onde os peregrinos só podiam inscrever-se até uma data limite e os coordenadores de cada país só podiam editar formulários até uma data limite também.

Mudança automática do layout da página inicial

A plataforma de inscrições era bem mais complexa do que a parte institucional do site, já que quem se inscrevia tinha de pertencer a um grupo gerido por um coordenador específico. Foi necessário um fluxo em que os coordenadores submetessem o registo inicial, recebessem aprovação da administração e só então pudessem introduzir os e-mails dos peregrinos a inscrever. Depois, podiam enviar um e-mail automático a todos os peregrinos do grupo com o link e o código para iniciarem a inscrição num formulário detalhado. Felizmente, o meu amigo Luís Antunes ajudou na configuração da base de dados, na API de pedidos de dados e na gestão do servidor.

Registo do coordenador
Aprovação do coordenador
E-mail de confirmação enviado ao coordenador

Coordenador a adicionar e-mails no painel e a enviar e-mails aos peregrinos

E-mail enviado aos peregrinos para se inscreverem
Inscrição do peregrino

Os coordenadores podiam consultar o painel para ver o estado de inscrição dos peregrinos e, quando todos concluíssem as suas inscrições, os coordenadores podiam confirmar se estava tudo em ordem, efetuavam o pagamento do grupo e marcavam como concluído. A administração tinha o seu próprio painel para acompanhar o processo, com estatísticas de quantas pessoas estavam inscritas, quantos voluntários e coordenadores, opções de refeições escolhidas, ranking de experiências, entre outras.

Painel do coordenador

Painel da administração

Queres ver mais?


Tens um projeto em mente?