Anzenpro Global Website Redesign

This project transformed a static marketing website into a telemetry-first, privacy-aware growth system with unified analytics, performance observability, and conversion intelligence.

→Role: Design · Full stack · Seo

→Stack: Next Js · Postgres · Gsap · Framer Motion · Redis

→Year: 2026

The Problem

The website functioned as a collection of pages rather than a coherent system. From a systems perspective, user behavior, performance metrics, and conversion signals were fragmented across tools with no shared data model, making attribution unreliable and optimization reactive. From a frontend standpoint, performance regressions, blocking scripts, and inconsistent loading states went unobserved, eroding perceived speed and trust. From a UX lens, analytics captured page views but failed to surface intent, friction, or user decision paths, leaving both users and operators without clarity. The result was a product that generated traffic but offered little insight into what worked, what slowed users down, or how growth could be improved with confidence.

The Strategy

The strategy was to treat analytics, performance, and UX as a single system rather than separate concerns. Instead of bolting third-party tools onto the site, I designed a telemetry-first architecture with a canonical event model that captures behavior, intent, and performance in a consistent, privacy-aware way. From a systems standpoint, concerns were cleanly separated—event ingestion, aggregation, caching, presentation, and outbound signal delivery—so each layer could scale, fail gracefully, and remain observable. From a frontend and UX perspective, performance was treated as a first-class user experience signal, using caching and SWR patterns to ensure instant feedback, stable interfaces, and predictable state transitions. Integrations were made configurable and measurable through the admin interface, turning analytics, performance, and ad signals into operational tools rather than opaque dependencies.

The System

The final system is a telemetry-driven platform composed of clearly defined, interoperable layers that transform raw user activity into operational intelligence. At the core is a canonical event pipeline that captures behavior, conversion intent, and performance metrics, validates them server-side, and normalizes them into a single data model. Events are ingested through lightweight client instrumentation, aggregated via backend APIs, and served through a Redis-backed caching layer to ensure fast, stable reads under load. On the frontend, the admin interface acts as a control plane—combining real-time KPIs, behavioral analytics, conversion attribution, and performance observability into a cohesive “Mission Control” experience with predictable loading states and zero layout shift. External analytics and ad platforms are integrated as configurable outputs rather than hard dependencies, with consent-aware loading, health monitoring, and server-side conversion dispatch. The result is a privacy-respectful, observable system where performance, behavior, and growth signals are unified, reliable, and continuously actionable.

Frontend UI Layer

Client Telemetry & Consent Layer

Backend API Layer

Data Layer

Caching & Performance Layer

Analytics & Intelligence Layer

Integration Layer

Admin Control Plane

Before

After

Outcome

— User behavior, conversion intent, and attribution paths are now unified under a single data model, replacing assumptions with clear, traceable signals that directly inform growth decisions.
— Performance metrics moved from guesswork to visibility—slow pages, interaction delays, and API regressions are detected early, reducing friction and improving perceived speed across the product.
— Redis caching and SWR patterns enable instant renders, background revalidation, and zero layout shift, ensuring the admin experience remains responsive even during heavy aggregation.
— Server-verified, consent-aware conversion events feed GA4, Meta, and LinkedIn, improving campaign optimization by replacing noisy client-side signals with reliable data.
— Integrations are now configurable, observable, and replaceable via the admin interface, reducing operational risk and eliminating the need for code deployments to manage analytics behavior.

Reflection

The success of this project came from treating the website as a living system rather than a static interface. By investing early in a shared data model, clear architectural boundaries, and performance as a first-class UX concern, the platform became easier to reason about, operate, and improve over time. The most impactful decisions were not visual or feature-driven, but structural: separating ingestion from aggregation, making integrations observable instead of implicit, and designing the admin UI as a control plane rather than a reporting surface. As a result, optimization shifted from guesswork to informed iteration, and both technical and non-technical stakeholders gained confidence in the system. The outcome reinforced a core belief—when systems are designed for clarity and reliability, growth becomes a byproduct rather than a constant struggle.

Explore Further

Check out the project in action or dive into the codebase.

View Live Project↗