Affix
Frontend Engineer · WordPress Custom Theme · UX-focused Implementation
Desenvolvimento frontend de ecossistema digital institucional para uma das maiores administradoras de benefícios do Brasil.
Homepage
Blog
Interna Planos
Papel
Frontend Developer
Projeto
Redesign institucional
Stack
WordPress + ACF
Responsável por
Frontend, CMS Structure, UX Improvements
Design
Time criativo da Affix
Contexto
A Affix é uma das maiores administradoras de benefícios do Brasil, com atuação em 20 regiões, oferecendo planos de saúde e odontológicos para adesão, empresas e setor público. O desafio era traduzir um design institucional já aprovado em uma experiência digital robusta, acessível e escalável.
Minha Atuação (Frontend)
Recebi o design (UI/UX) do time criativo da Affix e fui responsável por toda a implementação frontend, desde a estrutura semântica até as interações e refinamentos finais. Meu trabalho foi garantir fidelidade pixel-perfect às entregas, ao mesmo tempo em que propunha melhorias de usabilidade técnicas, como microinterações nos cards de segmento, estados de loading e transições suaves entre seções.
Evolução contínua do ecossistema digital
Minha atuação com a Affix não se limitou ao redesign atual do portal institucional. Antes da versão atual, também fui responsável pelo desenvolvimento do site anterior da empresa, sempre a partir dos layouts fornecidos pelo time de design. Essa continuidade me permitiu acompanhar a evolução digital da marca ao longo do tempo e desenvolver profundo entendimento sobre sua estrutura, fluxos e necessidades de negócio. Ao longo dessa parceria, também participei da evolução de diferentes iniciativas digitais da empresa, contribuindo para a construção de um ecossistema mais integrado, escalável e consistente.
Frontend do portal institucional
Atuei no desenvolvimento frontend do novo portal institucional da Affix, transformando o design entregue pelo time criativo em uma experiência web moderna, performática e escalável. O projeto tinha como objetivo acompanhar a transformação digital da empresa, criando uma navegação mais intuitiva, melhorando a comunicação com clientes e corretores e consolidando a presença digital da marca.
Meu papel no projeto
Fui responsável por transformar o layout aprovado em uma aplicação frontend funcional, responsiva e otimizada, garantindo:
- Fidelidade visual ao design
- Responsividade completa
- Performance e carregamento rápido
- Integração entre páginas e fluxos
- Experiência consistente entre desktop e mobile
- Estrutura preparada para crescimento do portal
O desafio
O portal da Affix não era apenas um site institucional. Ele precisava conectar diferentes públicos e serviços dentro de uma mesma experiência:
- clientes
- parceiros
- atendimento
- áreas logadas
- conteúdos institucionais
- fluxos de conversão
- suporte digital via chatbot Hannah
Além disso, o projeto possuía muitas páginas e uma arquitetura relativamente extensa, exigindo cuidado com consistência visual, organização de código, manutenção futura e performance geral do site.
Estrutura frontend completa
Implementei toda a interface do portal com foco em responsividade, semântica HTML, acessibilidade e experiência fluida entre páginas.
Estrutura administrativa e gestão de conteúdo
Além da implementação visual do frontend, também desenvolvi uma estrutura administrativa editável utilizando ACF (Advanced Custom Fields) no WordPress.
O objetivo foi permitir que os times de conteúdo e marketing da Affix pudessem atualizar páginas, campanhas e informações institucionais com autonomia, sem depender de alterações técnicas no código.
Essa abordagem facilitou:
- manutenção do portal
- escalabilidade de conteúdo
- agilidade operacional
- consistência entre páginas e campanhas
Portal do Parceiro
Um dos projetos mais relevantes dentro do ecossistema foi o desenvolvimento do Portal do Parceiro: Portal do Parceiro Affix
O portal foi criado para centralizar materiais comerciais, manuais de vendas e informações operacionais por região, facilitando o acesso de parceiros aos conteúdos da empresa. Além do desenvolvimento frontend da plataforma, também propus e implementei um mapa interativo para navegação regional, funcionalidade idealizada para melhorar a descoberta de conteúdo e simplificar o acesso aos materiais distribuídos entre diferentes regiões do país. Essa solução ajudou a transformar uma estrutura extensa de informações em uma experiência mais intuitiva, organizada e acessível para os parceiros comerciais.
Navegação regional interativa
Solução proposta e implementada para simplificar o acesso aos materiais regionais do Portal do Parceiro.
Navegação, UX e identidade digital
A Affix possui forte posicionamento voltado à inovação, atendimento humanizado e digitalização dos serviços. Um dos focos foi tornar a navegação intuitiva mesmo com o grande volume de conteúdo e serviços disponíveis no portal.
O frontend precisava refletir isso visualmente então trabalhei na implementação de:
- menus estruturados com hierarquia visual clara
- sessões dinâmicas
- CTAs estratégicos
- organização de conteúdo institucional
- interface moderna com transições suaves
- integração com a assistente virtual Hannah
- estrutura preparada para atendimento e serviços online
A página de contato e suporte centraliza múltiplos fluxos de atendimento de maneira simplificada.
Responsividade
Grande parte do acesso ocorre via mobile. Por isso, o frontend foi pensado mobile-first em vários trechos da aplicação, garantindo boa experiência em:
- smartphones
- tablets
- notebooks
- monitores widescreen
Performance
Também houve preocupação em manter o portal leve mesmo com:
Trabalhei na otimização da renderização e organização do frontend para melhorar carregamento e fluidez da navegação.
- banners
- vídeos
- imagens institucionais
- áreas com muitos blocos informativos
Projetos complementares e campanhas digitais
Além do portal principal, também desenvolvi páginas e campanhas digitais voltadas para diferentes iniciativas da Affix, incluindo ações regionais, comunicação institucional e projetos estratégicos da marca.
Esses projetos exigiram adaptação da experiência e da comunicação visual para diferentes objetivos de campanha, mantendo consistência com o ecossistema principal da marca.
Stack
CMS
Frontend
Backend Integration
SEO
Infraestrutura
Marketing & CRM
Boas práticas
Segurança
Destaques Técnicos
Desenvolvimento de tema customizado em WordPress
Implementação frontend pixel-perfect baseada no design aprovado
Estruturação responsiva para múltiplos breakpoints
Otimização de carregamento e renderização
Integração com ferramentas de automação e marketing
Implementação de componentes reutilizáveis
Organização de código visando manutenção e escalabilidade
Resultado
O resultado foi um portal moderno, escalável e alinhado ao posicionamento digital da empresa, oferecendo uma experiência mais fluida para clientes, parceiros e corretores. O projeto também ajudou a consolidar presença institucional, experiência omnichannel, acesso digital aos serviços, navegação simplificada e fortalecimento da marca no ambiente online.
Segundo a própria Affix, o novo portal foi criado para tornar a comunicação mais próxima, intuitiva e amigável.
O projeto contribuiu para modernizar a presença digital da Affix e estruturar uma experiência mais consistente para clientes, parceiros e equipes internas. Além da evolução visual e técnica do portal, a nova estrutura também facilitou a gestão de conteúdo pelo time de marketing e apoiou a expansão do ecossistema digital da empresa através de campanhas, páginas institucionais e ferramentas para parceiros.
O que esse projeto demonstra
Esse case mostra minha capacidade de:
- transformar layouts complexos em produtos reais
- construir interfaces escaláveis
- desenvolver experiências responsivas
- manter consistência visual em projetos grandes
- estruturar frontend pensando em manutenção e crescimento
- colaborar com times de design e negócio
Cases Relacionados
Casa de Santa Teresa
Portfólio visual imersivo em WordPress para espaço de eventos no Rio de Janeiro, com galerias otimizadas e formulários de orçamento integrados.
ReK (R&K Ingenieure)
Site institucional WordPress em alemão, com ACF, compliance legal (Impressum/Datenschutz) e admin simples para cliente não-técnico.
Network Eventos
Redesign completo do portal preservando anos de histórico de eventos, patrocinadores e documentos, com migração de infraestrutura.
JPO Antropologia
Portal WordPress com filtros dinâmicos para organizar acervo extenso de livros, artigos e projetos de pesquisa antropológica.
Grupo Electric
Site corporativo WordPress com showcase de projetos, páginas de clientes, seção de imprensa e admin self-service para empresa de energia solar.
Mundo Lenny
Site institucional WordPress.