Angelo Rosa — Product Designer

Voltar ao portfólio

FIEMA: Design do novo portal institucional

Criação de um novo portal institucional para a FIEMA, integrando visualmente suas três entidades (SENAI, SESI e IEL) em uma plataforma moderna, padronizada e responsiva, que fortalece sua presença digital e comunicação com a sociedade.

Cliente
Federação das Indústrias do Estado do Maranhão
Ano
2024
Categorias
UI / Product Design

Ver projeto

FIEMA: Design do novo portal institucional

Desafio

A FIEMA é uma instituição com quase 100 anos de história, responsável por fomentar o desenvolvimento do setor industrial no estado do Maranhão. Sua estrutura organizacional é composta por três órgãos associados: o SENAI (ensino para a indústria), o SESI (instituição social) e o IEL (instituto de estágios e empregos). Essas entidades têm um papel tradicional e relevante no cenário econômico nacional.

A FIEMA identificou a necessidade de modernizar sua identidade digital para alinhar-se às novas tendências de comunicação e engajamento com a sociedade. Essa evolução digital exigia a criação de um novo portal institucional, capaz de integrar visualmente todas as instituições do grupo em uma linguagem unificada, valorizando suas publicações, serviços, notícias e conteúdos digitais produzidos pela FIEMA.

Mapeamento da instituição

O primeiro passo foi realizar um levantamento detalhado da estrutura organizacional da federação, entendendo suas instituições, departamentos e a relação entre essas entidades. Esse mapeamento foi essencial para compreender a hierarquia e o ecossistema da FIEMA, e serviu como base para toda a concepção do portal.

Identificação de ofertas e padronização

A partir do mapeamento, levantei todas as ofertas, serviços e conteúdos de cada área da FIEMA. Cada setor possuía demandas específicas, como captação de leads, divulgação de editais, eventos, ações sociais e publicações institucionais.

Com essas informações, propus uma estrutura padronizada, criando módulos reutilizáveis para atender todas as necessidades, como:

Esses blocos de conteúdo foram estruturados como templates de design padronizados, promovendo consistência visual em todo o portal.

Interface visual

Na etapa seguinte, fiz um estudo aprofundado do brandbook da FIEMA, traduzindo os elementos da identidade visual para uma interface digital navegável, moderna e responsiva, respeitando a tradição e solidez da instituição.

Para cada instituição (SENAI, SESI, IEL), defini um padrão visual exclusivo, utilizando uma paleta de cores equilibrada que conferisse personalidade própria a cada uma, mas que ainda mantivesse a coerência visual com a FIEMA. Isso assegurou uma experiência integrada e uniforme, consolidando a percepção de unidade institucional.