Futuro Black

1. Visão Geral

O Futuro Black é muito mais que um portal; é um ecossistema de impacto que atua como ponte entre talentos negros e o mercado de trabalho. O projeto digital foi desenvolvido para centralizar um banco de talentos gratuito, oferecer consultorias de diversidade para empresas e divulgar eventos de afroempreendedorismo.

A plataforma serve como o principal ponto de contato para profissionais que buscam desenvolvimento e para organizações que desejam implementar uma cultura de Diversidade, Equidade e Inclusão (DE&I) de forma genuína. O design do site busca transmitir autoridade, modernidade e acolhimento, refletindo a urgência da justiça racial no ambiente corporativo e social.

Atuei no desenvolvimento completo do site institucional em WordPress, transformando um layout concebido no Figma em uma aplicação web funcional, responsiva e fiel ao protótipo original. Garanti consistência visual em tipografia, cores, espaçamentos e hierarquia de informação, além da adaptação para diferentes dispositivos.

Fui responsável pela configuração do ambiente de hospedagem, incluindo preparação do servidor, criação de banco de dados, instalação e ajustes do WordPress. Também realizei a configuração do certificado SSL (HTTPS), assegurando navegação segura e contribuindo para boas práticas de SEO.

Além disso, desenvolvi um dashboard personalizado, permitindo visualização estratégica de dados, gestão de conteúdo e apoio à tomada de decisão, alinhado às necessidades do negócio e com foco em usabilidade e eficiência operacional.

2. O Desafio

O desafio central foi criar uma interface que equilibrasse duas frentes distintas:

• Aspiracional e Social: Engajar a comunidade negra, oferecendo um espaço seguro e intuitivo para cadastro de talentos e aprendizado.

• Corporativo e Estratégico: Atrair empresas e parceiros, demonstrando profissionalismo e a viabilidade técnica das soluções de treinamento e consultoria oferecidas.

• Legibilidade e Performance: Garantir que o site fosse leve para acesso em diferentes dispositivos e conexões, sem perder o impacto visual das cores e tipografias que representam a identidade da marca.

3. Elementos de Interação e UX (User Experience)

A experiência do usuário foi desenhada com foco na redução de fricção e no storytelling:

• Navegação Direcionada: O site utiliza uma arquitetura de informação clara, separando as jornadas do “Talento” (profissional) e da “Empresa” (contratante) logo no primeiro contato.

• Call-to-Actions (CTAs) Estratégicos: Botões de destaque como “Cadastre seu currículo” e “Seja uma empresa parceira” foram posicionados para converter o interesse em ação imediata.

• Microinterações: Feedback visual em botões, links e formulários que proporcionam uma sensação de modernidade e confirmam a ação do usuário, aumentando a confiança na plataforma.

• Prova Social Integrada: Seções dedicadas a depoimentos e logotipos de empresas parceiras reforçam a credibilidade do projeto durante a navegação.

4. Design Responsivo e Acessibilidade

Para um projeto que combate a exclusão, a acessibilidade digital não é apenas um recurso, mas um pilar ético:

• Design Mobile-First: O site foi otimizado para smartphones, reconhecendo que grande parte do público-alvo acessa a rede prioritariamente via dispositivos móveis. As áreas de clique foram dimensionadas para facilitar o toque e evitar erros de navegação.

• Contraste e Legibilidade: A paleta de cores (com forte presença do preto, branco e tons de destaque) foi testada para garantir legibilidade máxima, atendendo aos padrões WCAG de contraste visual.

• Acessibilidade Semântica: O código foi estruturado com tags HTML5 semânticas, facilitando a leitura por leitores de tela e melhorando o SEO orgânico.

• Consistência Multiplataforma: Independentemente do tamanho da tela, a hierarquia visual é mantida, garantindo que a mensagem “Não naturalize nossas ausências” tenha o mesmo impacto no desktop ou no celular.