Affix
Frontend Engineer · WordPress Custom Theme · UX-focused Implementation
Frontend development of an institutional digital ecosystem for one of Brazil's largest benefits administrators.
Homepage
Blog
Plans
Role
Frontend Developer
Project
Institutional redesign
Stack
WordPress + ACF
Responsible for
Frontend, CMS Structure, UX Improvements
Design
Affix creative team
Context
Affix is one of the largest benefits administrators in Brazil, operating in 20 regions, offering health and dental plans for individuals, companies, and the public sector. The challenge was to translate an already approved institutional design into a robust, accessible, and scalable digital experience.
My Role (Frontend)
I received the design (UI/UX) from Affix's creative team and was responsible for the entire frontend implementation, from semantic structure to interactions and final refinements. My job was to ensure pixel-perfect fidelity to the deliverables while proposing technical usability improvements, such as micro-interactions on segment cards, loading states on CTA buttons, and smooth transitions between sections.
Continuous evolution of the digital ecosystem
My work with Affix was not limited to the current portal redesign. Before the current version, I was also responsible for developing the company's previous website, always based on layouts provided by the design team. This continuity allowed me to follow the brand's digital evolution over time and develop deep understanding of its structure, flows, and business needs. Throughout this partnership, I also participated in the evolution of different digital initiatives, contributing to building a more integrated, scalable, and consistent ecosystem.
Institutional portal frontend
I worked on the frontend development of Affix's new institutional portal, transforming the design delivered by the creative team into a modern, performant, and scalable web experience. The project aimed to accompany the company's digital transformation, creating more intuitive navigation, improving communication with clients and brokers, and consolidating the brand's digital presence.
My role in the project
I was responsible for transforming the approved layout into a functional, responsive, and optimized frontend application, ensuring:
- Visual fidelity to the design
- Complete responsiveness
- Performance and fast loading
- Integration between pages and flows
- Consistent experience between desktop and mobile
- Structure prepared for portal growth
The challenge
The Affix portal was not just an institutional website. It needed to connect different audiences and services within the same experience:
- clients
- partners
- customer service
- authenticated areas
- institutional content
- conversion flows
- digital support via Hannah chatbot
Additionally, the project had many pages and a relatively extensive architecture, requiring care with visual consistency, code organization, future maintenance, and overall site performance.
Administrative structure and content management
Beyond the visual frontend implementation, I also developed an editable administrative structure using ACF (Advanced Custom Fields) in WordPress.
The goal was to allow Affix's content and marketing teams to update pages, campaigns, and institutional information autonomously, without depending on technical code changes.
This approach facilitated:
- portal maintenance
- content scalability
- operational agility
- consistency between pages and campaigns
Partner Portal
One of the most relevant projects within the ecosystem was the development of the Partner Portal: Partner Portal Affix
The portal was created to centralize commercial materials, sales manuals, and operational information by region, facilitating partner access to company content. Beyond the frontend development of the platform, I also proposed and implemented an interactive map for regional navigation, a feature designed to improve content discovery and simplify access to materials distributed across different regions of the country. This solution helped transform an extensive information structure into a more intuitive, organized, and accessible experience for commercial partners.
Interactive regional navigation
Proposed and implemented solution to simplify access to regional materials on the Partner Portal.
Navigation, UX and digital identity
Affix has a strong positioning focused on innovation, humanized service, and digitalization. One of the focuses was to make navigation intuitive even with the large volume of content and services available on the portal.
The frontend needed to visually reflect this, so I worked on implementing:
- structured menus with clear visual hierarchy
- dynamic sections
- strategic CTAs
- institutional content organization
- modern interface with smooth transitions
- integration with Hannah virtual assistant
- structure prepared for online services
The contact and support page centralizes multiple service flows in a simplified manner.
Responsiveness
A large portion of access occurs via mobile. Therefore, the frontend was designed mobile-first in several parts of the application, ensuring a good experience on:
- smartphones
- tablets
- notebooks
- widescreen monitors
Performance
There was also concern about keeping the portal lightweight even with:
I worked on optimizing rendering and frontend organization to improve loading and navigation fluidity.
- banners
- videos
- institutional images
- areas with many informational blocks
Complementary projects and digital campaigns
Beyond the main portal, I also developed pages and digital campaigns for different Affix initiatives, including regional actions, institutional communication, and strategic brand projects.
These projects required adapting the experience and visual communication for different campaign objectives while maintaining consistency with the main brand ecosystem.
Stack
CMS
Frontend
Backend Integration
SEO
Infraestrutura
Marketing & CRM
Boas práticas
Segurança
Technical Highlights
Custom WordPress theme development
Pixel-perfect frontend implementation based on approved design
Responsive structuring for multiple breakpoints
Loading and rendering optimization
Integration with automation and marketing tools
Reusable component implementation
Code organization for maintenance and scalability
Result
The result was a modern, scalable portal aligned with the company's digital positioning, offering a more fluid experience for clients, partners, and brokers. The project also helped consolidate institutional presence, omnichannel experience, digital access to services, simplified navigation, and brand strengthening in the online environment.
According to Affix themselves, the new portal was created to make communication closer, more intuitive, and friendlier.
The project contributed to modernizing Affix's digital presence and structuring a more consistent experience for clients, partners, and internal teams. Beyond the visual and technical evolution of the portal, the new structure also facilitated content management by the marketing team and supported the expansion of the company's digital ecosystem through campaigns, institutional pages, and partner tools.
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
Related Cases
Casa de Santa Teresa
Immersive visual portfolio on WordPress for an event venue in Rio de Janeiro, with optimized photo galleries and integrated quote request forms.
ReK (R&K Ingenieure)
Institutional WordPress website in German with ACF, legal compliance (Impressum/Datenschutz), and simple admin for a non-technical client.
Network Eventos
Complete portal redesign preserving years of event history, sponsors, and documents with stable infrastructure migration.
JPO Antropologia
WordPress portal with dynamic filters to organize an extensive collection of books, articles, and anthropological research projects.
Grupo Electric
Corporate WordPress website with project showcases, client pages, press section, and self-service admin for a solar energy company.
Mundo Lenny
Institutional WordPress website.