Affix
Frontend Engineer · WordPress Custom Theme · UX-fokussierte Implementierung
Frontend-Entwicklung eines institutionellen digitalen Ökosystems für einen der größten Leistungsverwalter Brasiliens.
Homepage
Blog
Pläne
Rolle
Frontend Developer
Projekt
Institutionelles Redesign
Stack
WordPress + ACF
Verantwortlich für
Frontend, CMS-Struktur, UX-Verbesserungen
Design
Kreativteam von Affix
Kontext
Affix ist einer der größten Leistungsverwalter Brasiliens, der in 20 Regionen tätig ist und Gesundheits- und Zahnpläne für Einzelpersonen, Unternehmen und den öffentlichen Sektor anbietet. Die Herausforderung bestand darin, ein bereits genehmigtes institutionelles Design in ein robustes, zugängliches und skalierbares digitales Erlebnis umzusetzen.
Meine Rolle (Frontend)
Ich erhielt das Design (UI/UX) vom Kreativteam von Affix und war für die gesamte Frontend-Implementierung verantwortlich, von der semantischen Struktur bis zu den Interaktionen und letzten Verfeinerungen. Meine Aufgabe war es, Pixel-perfekte Treue zu den Lieferungen zu gewährleisten und gleichzeitig technische Usability-Verbesserungen vorzuschlagen, wie Mikrointeraktionen auf Segmentkarten, Ladezustände auf CTA-Buttons und sanfte Übergänge zwischen Abschnitten.
Kontinuierliche Weiterentwicklung des digitalen Ökosystems
Meine Arbeit mit Affix beschränkte sich nicht auf das aktuelle Portal-Redesign. Vor der aktuellen Version war ich auch für die Entwicklung der vorherigen Website des Unternehmens verantwortlich, immer basierend auf Layouts des Designteams. Diese Kontinuität ermöglichte es mir, die digitale Entwicklung der Marke im Laufe der Zeit zu verfolgen und ein tiefes Verständnis für ihre Struktur, Abläufe und Geschäftsanforderungen zu entwickeln.
Frontend des institutionellen Portals
Ich arbeitete an der Frontend-Entwicklung des neuen institutionellen Portals von Affix und verwandelte das vom Kreativteam gelieferte Design in ein modernes, performantes und skalierbares Web-Erlebnis. Das Projekt zielte darauf ab, die digitale Transformation des Unternehmens zu begleiten, eine intuitivere Navigation zu schaffen, die Kommunikation mit Kunden und Maklern zu verbessern und die digitale Präsenz der Marke zu konsolidieren.
Meine Rolle im Projekt
Ich war verantwortlich für die Umwandlung des genehmigten Layouts in eine funktionale, responsive und optimierte Frontend-Anwendung und stellte sicher:
- Visuelle Treue zum Design
- Vollständige Responsivität
- Performance und schnelles Laden
- Integration zwischen Seiten und Abläufen
- Konsistentes Erlebnis zwischen Desktop und Mobile
- Struktur vorbereitet für Portalwachstum
Die Herausforderung
Das Affix-Portal war nicht nur eine institutionelle Website. Es musste verschiedene Zielgruppen und Dienste innerhalb desselben Erlebnisses verbinden:
Darüber hinaus hatte das Projekt viele Seiten und eine relativ umfangreiche Architektur, die Sorgfalt bei visueller Konsistenz, Code-Organisation, zukünftiger Wartung und Gesamtleistung der Website erforderte.
- Kunden
- Partner
- Kundenservice
- authentifizierte Bereiche
- institutionelle Inhalte
- Konversionsabläufe
- digitaler Support via Hannah Chatbot
Administrative Struktur und Content-Management
Neben der visuellen Frontend-Implementierung entwickelte ich auch eine bearbeitbare administrative Struktur mit ACF (Advanced Custom Fields) in WordPress.
Das Ziel war es, den Content- und Marketing-Teams von Affix zu ermöglichen, Seiten, Kampagnen und institutionelle Informationen autonom zu aktualisieren, ohne von technischen Codeänderungen abhängig zu sein.
Dieser Ansatz erleichterte:
- Portalwartung
- Inhaltsskalierbarkeit
- operative Agilität
- Konsistenz zwischen Seiten und Kampagnen
Partner-Portal
Eines der relevantesten Projekte im Ökosystem war die Entwicklung des Partner-Portals: Partner-Portal Affix
Das Portal wurde erstellt, um kommerzielle Materialien, Verkaufshandbücher und betriebliche Informationen nach Region zu zentralisieren und den Partnern den Zugang zu Unternehmensinhalten zu erleichtern. Neben der Frontend-Entwicklung der Plattform schlug ich auch eine interaktive Karte für die regionale Navigation vor und implementierte sie, um die Inhaltsentdeckung zu verbessern und den Zugang zu Materialien zu vereinfachen.
Interaktive regionale Navigation
Vorgeschlagene und implementierte Lösung zur Vereinfachung des Zugangs zu regionalen Materialien im Partner-Portal.
Navigation, UX und digitale Identität
Affix hat eine starke Positionierung mit Fokus auf Innovation, humanisierten Service und Digitalisierung. Einer der Schwerpunkte war es, die Navigation auch bei der großen Menge an Inhalten und Diensten intuitiv zu gestalten.
Das Frontend musste dies visuell widerspiegeln, daher arbeitete ich an der Implementierung von:
Die Kontakt- und Support-Seite zentralisiert mehrere Serviceabläufe auf vereinfachte Weise.
- strukturierte Menüs mit klarer visueller Hierarchie
- dynamische Abschnitte
- strategische CTAs
- Organisation institutioneller Inhalte
- moderne Oberfläche mit sanften Übergängen
- Integration mit Hannah virtueller Assistentin
- Struktur vorbereitet für Online-Dienste
Responsivität
Ein großer Teil der Zugriffe erfolgt über Mobile. Daher wurde das Frontend in mehreren Bereichen der Anwendung Mobile-first konzipiert, um ein gutes Erlebnis auf folgenden Geräten zu gewährleisten:
- Smartphones
- Tablets
- Notebooks
- Widescreen-Monitore
Performance
Es wurde auch darauf geachtet, das Portal trotz folgender Elemente leicht zu halten:
Ich arbeitete an der Optimierung des Renderings und der Frontend-Organisation, um das Laden und die Navigationsflüssigkeit zu verbessern.
- Banner
- Videos
- institutionelle Bilder
- Bereiche mit vielen Informationsblöcken
Ergänzende Projekte und digitale Kampagnen
Neben dem Hauptportal entwickelte ich auch Seiten und digitale Kampagnen für verschiedene Affix-Initiativen, darunter regionale Aktionen, institutionelle Kommunikation und strategische Markenprojekte.
Diese Projekte erforderten die Anpassung des Erlebnisses und der visuellen Kommunikation für verschiedene Kampagnenziele bei gleichzeitiger Wahrung der Konsistenz mit dem Hauptmarken-Ökosystem.
Stack
CMS
Frontend
Backend Integration
SEO
Infraestrutura
Marketing & CRM
Boas práticas
Segurança
Technische Highlights
Benutzerdefinierte WordPress-Theme-Entwicklung
Pixel-perfekte Frontend-Implementierung basierend auf genehmigtem Design
Responsive Strukturierung für mehrere Breakpoints
Lade- und Rendering-Optimierung
Integration mit Automatisierungs- und Marketing-Tools
Implementierung wiederverwendbarer Komponenten
Code-Organisation für Wartung und Skalierbarkeit
Ergebnis
Das Ergebnis war ein modernes, skalierbares Portal, das auf die digitale Positionierung des Unternehmens ausgerichtet ist und ein flüssigeres Erlebnis für Kunden, Partner und Makler bietet. Das Projekt half auch dabei, die institutionelle Präsenz, das Omnichannel-Erlebnis, den digitalen Zugang zu Diensten, die vereinfachte Navigation und die Markenstärkung im Online-Umfeld zu konsolidieren.
Laut Affix selbst wurde das neue Portal erstellt, um die Kommunikation näher, intuitiver und freundlicher zu gestalten.
Das Projekt trug zur Modernisierung der digitalen Präsenz von Affix bei und strukturierte ein konsistenteres Erlebnis für Kunden, Partner und interne Teams. Neben der visuellen und technischen Weiterentwicklung des Portals erleichterte die neue Struktur auch das Content-Management durch das Marketing-Team und unterstützte die Erweiterung des digitalen Ökosystems des Unternehmens durch Kampagnen, institutionelle Seiten und 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
Verwandte 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.
Gefällt Ihnen dieses Projekt?
Lassen Sie uns darüber sprechen, wie ich bei Ihrem nächsten Projekt helfen kann.
Kontakt aufnehmen