FDC Empresas
ux/ui design
corporate website

Ajudando as empresas a encontrar os melhores programas de treinamento para suas equipes

Cliente

Fundação Dom Cabral

função

Designer de produto

Tipo

Agency

ano

2020-2021

Visão geral

A primeira etapa de um projeto maior de renovação que acabará afetando plataformas digitais e aplicativos de telefone.

The three main components of the project already exist in the market. How can we reestructure them?
O problema

As empresas não conseguem encontrar facilmente os programas de treinamento corretos para suas equipes quando visitam os sites da FDC.

Contexto

a empresa

A Fundação Dom Cabral é a 10ª melhor escola de negócios do mundo, de acordo com o ranking de educação executiva do jornal Financial Times. Eles fornecem soluções educacionais nacionais e internacionais.

a linha de negócios

Eles oferecem vários serviços e têm sites diferentes para cada um. Do ponto de vista comercial, sua oferta principal é direcionada a empresas privadas chamadas FDC Empresas.

a equipe

Agência

Tom Comunicação

Cliente

Fundação Dom Cabral

Gerente de projeto

Carol Furtado

Product Designer

Gui Bayara 👈 este sou eu

Desenvolvedor Full Stack

Thalles Sales

Executivo de contas

Flávia Dutra

Objetivos

  • Facilitar acesso aos programas oferecidos
  • Uma nova identidade digital
  • Taxas de conversão mais altas

Desafios

Estrutura de nomenclatura

Embora os programas tenham uma estrutura semelhante, eles têm nomes diferentes de acordo com o tamanho do alvo. Os programas para grandes corporações são chamados de “Temáticas”, e os programas para médias, pequenas empresas e startups são chamados de “Portfólios”. O nome não pôde ser alterado como parte deste projeto. As grandes empresas são subdivididas em dois segmentos: “Desenvolva sua empresa” e “Desenvolva sua equipe”, cada um com seus próprios programas.

The three main components of the project already exist in the market. How can we reestructure them?
cenário futuro

A FDC está renovando sua presença online. Esse projeto precisava representar uma nova abordagem, apontando para o futuro de seus novos sites. Isso é considerado a Fase II dessa renovação. Na Fase I, produtos menores foram criados.

ORÇAMENTO LIMITADO

Devido às pressões pandêmicas, o escopo do projeto teve que ser reduzido. A pesquisa foi quase totalmente removida, deixando apenas os dados coletados anteriormente para serem analisados.

Projeto

Minha contribuição

O único designer

Sendo o único designer, fui responsável por cada etapa do processo de design. Eu criei todas as soluções com a equipe. Desde a definição inicial do problema até os retoques finais.

O que é

TL; DR Uma reformulação do site

Uma reformulação completa da abordagem da presença digital da FDC, a partir de sua principal oferta de produtos. Com base nesse trabalho, outros projetos serão abordados.

Elementos-chave

NAVEGAÇÃO INTERNA.
Entendendo o caos

Desde o início, ficou claro que um dos principais desafios era tornar mais fácil para os clientes encontrarem os programas corretos. Não apenas encontrá-los, mas também identificar caminhos durante a navegação. Para unir as diferentes convenções de nomenclatura e manter os usuários fundamentados, decidi implementar breadcrumbs. Dessa forma, os usuários poderiam se manter informados sobre onde estavam e para onde poderiam ir.

The three main components of the project already exist in the market. How can we reestructure them?
GEOMÉTRICO

A decisão aparentemente estética de basear a interface em formas geométricas decorre da necessidade de adaptar o projeto a outras iniciativas no futuro. Essa abordagem é facilmente escalável, pois pode se adequar a vários tipos de conteúdo.

The three main components of the project already exist in the market. How can we reestructure them?
COR COMO IDENTIDADE

O esquema de cores foi criado para ser facilmente traduzido para as paletas de cores de outras iniciativas, criando uma lógica abrangente em todos os vários produtos.

The three main components of the project already exist in the market. How can we reestructure them?

Processo

Compartilhar cedo e muitas vezes foi fundamental neste projeto. Tivemos tempo e recursos limitados. Tudo era compartilhado constantemente dentro da equipe e com o cliente.

Como eu trabalhei

Pesquisa

Não havia orçamento ou tempo alocado para pesquisar esse projeto específico. Por isso, confiei muito no conhecimento obtido pela equipe em projetos anteriores. O que funcionou e falhou anteriormente? Quais são os números agora? Quais são os pontos problemáticos não resolvidos. Isso também me levou a escolher soluções testadas e comprovadas em vez de criar soluções muito específicas.

ALINHANDO AS EXPECTATIVAS DO CLIENTE, AS LIMITAÇÕES TÉCNICAS E AS NECESSIDADES DO USUÁRIO

As primeiras semanas do projeto tiveram muitos problemas em relação às expectativas. Algumas das expectativas do cliente, principalmente estéticas, criariam desafios técnicos desnecessários. Quando percebi o que estava acontecendo, propus um alinhamento entre a equipe e o cliente, para que pudéssemos discutir o que faríamos para alcançar os resultados desejados.

Aprendizagens

A solução simples do MIGALHAS DE PÃO

Embora o breadcrumbs não resolva o problema da convenção de nomenclatura, ele pode oferecer aos usuários uma melhor clareza. Há várias maneiras de resolver problemas.

O envolvimento do cliente não precisa ser doloroso

Ao compartilhar constantemente com o cliente sobre o progresso e as decisões de design, conseguimos obter um melhor feedback e alinhamento nas próximas etapas.

Resultados

Uma plataforma com melhor desempenho que serve como base para produtos futuros.

Veja ao vivo.

Designs finais

Mobile

A complete rethink of the approach to FDC's digital presence, starting from it's main product offering. Based that work other projects will be tackled.

Desktop

A complete rethink of the approach to FDC's digital presence, starting from it's main product offering. Based that work other projects will be tackled.

Adaptável

A primeira adaptação criada foi para um produto similar voltado para empresas estatais.
Veja ao vivo

Impacto

  • Menos usuários com problemas para identificar programas
  • Uma identidade digital nova e versátil
  • Taxas de conversão mais altas