Zurück zu Cases
Network Eventos logo

Network Eventos

Frontend Engineer · WordPress Custom Theme · Redesign & Migration

Komplettes Redesign eines Corporate-Events-Portals mit über 25 Jahren Geschichte, Erhaltung von Legacy-Daten und Migration der Infrastruktur.

WordPress ACF JavaScript HTML CSS Responsive Design
Network Eventos faviconProjekt besuchen
networkeventos.com.br
Network Eventos — Screenshot

Homepage

Network Eventos — Homepage

Veranstaltung

Network Eventos — Veranstaltungsseite

Sponsoren

Network Eventos — Sponsoren

Role

Frontend Developer

Project

Institutional redesign

Stack

WordPress + ACF

Responsible for

Frontend, CMS Structure, UX Improvements

Design

Arte Digital creative team

Kontext

Network Eventos organisiert seit über 25 Jahren Corporate Events in den Bereichen Technologie, Telekommunikation, Regierung und Innovation und hat eine umfangreiche Historie von Veranstaltungen, Sponsoren, Agenden, Galerien, Dokumenten und Berichten angesammelt.

Die Herausforderung des Projekts bestand darin, ein komplettes Redesign des Portals durchzuführen, wobei die gesamte bestehende historische Struktur erhalten bleiben sollte, um betriebliche Kontinuität, Plattformstabilität und einfache Verwaltung für das interne Team zu gewährleisten.

Die Herausforderung

Die größte Herausforderung bestand darin, ein komplettes Redesign durchzuführen, ohne Jahre angesammelter Historie zu verlieren. Das Portal hatte eine umfangreiche Struktur mit Corporate Events, Sponsoren, Agenden, Galerien, Berichten, PDF-Dokumenten und institutionellen Inhalten.

  • komplettes Redesign mit neuem Layout
  • Erhaltung aller Legacy-Inhalte
  • komplette Infrastrukturmigration
  • strukturelle Neugestaltung des CMS
  • Erhaltung von SEO und indexierten Seiten
  • betriebliche Kontinuität während des Übergangs

Meine Rolle

Ich erhielt das fertige Design (UI/UX) und war für die komplette Frontend-Implementierung des neuen Portals verantwortlich. Das vorherige Portal war ebenfalls von mir entwickelt worden, was ein tiefes Verständnis der Inhaltsstruktur, des operativen Ablaufs, der Beziehung zwischen Events und Sponsoren sowie der Bedürfnisse des administrativen Teams brachte.

Diese Kontinuität half dabei, Risiken während der Migration zu reduzieren und den Erhalt des digitalen Archivs des Unternehmens zu erleichtern.

Frontend-Struktur und CMS

Ich implementierte die gesamte Frontend-Schicht mit Fokus auf Responsivität, semantisches HTML, Barrierefreiheit, Performance und modulare Organisation.

Über die visuelle Implementierung hinaus entwickelte ich auch eine bearbeitbare administrative Struktur mit ACF (Advanced Custom Fields) in WordPress, die es dem Content- und Marketing-Team ermöglichte, das Portal autonom zu verwalten.

  • Registrierung neuer Events
  • Agenda-Updates
  • Sponsoren-Änderungen
  • Dokumentenmanagement
  • Veröffentlichung von PDFs und Berichten
  • Pflege von institutionellen Seiten
Network Eventos — ACF Admin-Panel

Rekonstruierte Module

Einer der wichtigsten Punkte war die Rekonstruktion des Dokumenten- und Berichtsmoduls. Es war notwendig, die gesamte Anzeigelogik neu zu organisieren und dabei die Kompatibilität mit Legacy-Inhalten zu wahren.

  • Rekonstruktion des Dokumenten- und PDF-Moduls
  • Anzeigeregeln für mehrtägige Events
  • dynamische Datumslogik
  • Beziehung zwischen Events und Sponsoren
  • Programmstrukturierung
  • Organisation verwandter Inhalte
Network Eventos — Dokumentenmodul

Responsivität und Performance

Das Portal musste auf verschiedenen Geräten konsistent funktionieren. Das Frontend wurde mit mehreren Breakpoints strukturiert, um eine gute Erfahrung auf Smartphones, Tablets, Notebooks und Widescreen-Monitoren zu gewährleisten.

  • Ladeoptimierung
  • strukturelle Frontend-Organisation
  • Komponenten-Modularisierung
  • Rendering-Verbesserung
  • Struktur vorbereitet für kontinuierliche Wartung

Infrastrukturmigration

Das Projekt umfasste die komplette Migration der Hosting-Umgebung. Alles wurde durchgeführt, um Ausfallzeiten zu minimieren und die betriebliche Stabilität zu wahren.

  • Backup der ursprünglichen Umgebung
  • Klonen des vorherigen Portals
  • Datenbankmigration
  • Medientransfer
  • strukturelle Validierung
  • Konfiguration der neuen Umgebung
  • DNS-Umstellung
Network Eventos — Infrastrukturmigration

Verwendete Technologien und Praktiken

CMS

WordPress (Custom Theme)

Frontend

HTML CSS JavaScript

Backend Integration

PHP ACF

SEO

Yoast SEO

Infraestrutura

Hostinger

Boas práticas

Responsividade Performance Optimization Semântica HTML

Technische Highlights

1

Entwicklung von individuellem WordPress-Theme

2

Pixel-genaue Frontend-Implementierung basierend auf genehmigtem Design

3

Responsive Strukturierung für mehrere Breakpoints

4

Erhaltung von Legacy-Inhalten

5

Rekonstruktion historischer Module

6

Infrastruktur- und DNS-Migration

7

Implementierung wiederverwendbarer Komponenten

8

Code-Organisation mit Fokus auf Wartung und Skalierbarkeit

Ergebnis

Das Ergebnis war ein modernes, reorganisiertes und skalierbares Portal, das die gesamte Unternehmenshistorie intakt hielt und die Navigations- und Content-Verwaltungserfahrung erheblich verbesserte.

Das neue Portal ermöglichte komplette Erhaltung der Events-Historie, stabilere Infrastruktur, verbesserte mobile Erfahrung, vereinfachtes Content-Management, SEO-Kontinuität, bessere administrative Organisation und eine Struktur, die für neue Events und zukünftige Erweiterungen bereit ist.

Was dieses Projekt demonstriert

Dieser Fall demonstriert meine Fähigkeit:

  • Plattformen zu rekonstruieren und dabei Kompatibilität mit Legacy-Systemen zu wahren
  • komplexe Layouts in reale Anwendungen zu transformieren
  • Frontend mit Skalierbarkeit im Blick zu strukturieren
  • responsive und performante Erfahrungen zu entwickeln
  • mit großen Inhaltsvolumen zu arbeiten
  • flexible administrative Strukturen in WordPress zu erstellen
  • Migrationen durchzuführen, ohne Betrieb und SEO zu gefährden
  • mit Design-, Content- und Geschäftsteams zusammenzuarbeiten

Verwandte Cases

Gefällt Ihnen dieses Projekt?

Lassen Sie uns darüber sprechen, wie ich bei Ihrem nächsten Projekt helfen kann.

Lassen Sie uns sprechen