The project focused on creating a new generation of corporate web portals for Zendata, Proin, and Querencia brands, migrating away from traditional monolithic CMS platforms to adopt a hyper-fast SSG (Static Site Generation) architecture.

Conversion-Centered Design (B2C)

Unlike industrial dashboards, these interfaces required a 100% aesthetic and persuasive approach:

Fluid Navigation Flows: Information architecture designed to guide the user from “discovery” to “contact” in under 3 clicks.
Premium Visual Identity: Strategic use of high-contrast color palettes, modern typography, and deliberate whitespace to convey exclusivity and professionalism.
Micro-interactions with GSAP: Implementation of scroll-driven animations, element reveals, and page transitions to capture user attention without compromising performance.

Technical Challenges & Performance

Perfect Lighthouse Score: Achieving 100/100 scores in Performance, Accessibility, and SEO by implementing extreme image optimization and partial hydration with Astro.
True Mobile-First: Designing flawless touch experiences for mobile devices, leveraging optimized navigation menus and native gestures via Swiper.js.
Scalable Architecture: Creating a Tailwind-based Design System composed of reusable UI components across multiple commercial brands, ensuring visual consistency and rapid deployments.

User Interfaces

Below is the final outcome deployed in production for both interfaces:

Zendata - Operational Intelligence

Proin - Industrial Engineering

Live Sites

You can explore the final result and micro-interactions at the following production links: