Enterprise website platform / Angular Elements

ExhibitTrader.com

Sitio dinámico y CMS componentizado para empresa de renta de stands en Estados Unidos

AngularAngular ElementsSSRSalesforce APINPM libraries

Pantallas del sitio web

Capturas del sitio público dinámico construido con arquitectura Angular/Angular Elements y enfoque SEO.

Home pública de ExhibitTrader.com
Home pública de ExhibitTrader.com
Página dinámica con estructura componentizada
Página dinámica con estructura componentizada
Diseño de contenido y navegación comercial
Diseño de contenido y navegación comercial
Sección de productos/servicios para exhibiciones
Sección de productos/servicios para exhibiciones
Bloques reutilizables del sitio
Bloques reutilizables del sitio
Experiencia UI del sitio comercial
Experiencia UI del sitio comercial
Vista adicional del sitio en producción
Vista adicional del sitio en producción

Contexto

Durante mi etapa en Software Allies en 2018 estuve completamente a cargo del diseño, arquitectura y desarrollo de cero a cien de ExhibitTrader.com, coordinando de dos a tres desarrolladores junior y un tester. Fue una plataforma para una empresa grande de renta de stands en Estados Unidos y el resultado fue tan sólido que el sitio sigue vigente e intacto a la fecha.

Arquitectura y solución

El sistema se construyó con Angular y Angular Elements para componer páginas dinámicas a partir de componentes reutilizables. Desde un panel de control se podían crear y administrar páginas, estructuras de diseño y contenido. A su vez, el sitio consumía información desde Salesforce vía API y la mostraba con una estrategia fuerte de renderizado en servidor / SEO.

Puntos técnicos fuertes

  • Angular Elements para bloques UI reutilizables
  • Renderizado en servidor con foco en SEO
  • Panel de administración para crear y gestionar páginas dinámicas
  • Sistema de estructuras de diseño web basado en componentes
  • Integración con APIs y consumo de data desde Salesforce
  • Angular Schematics para acelerar y estandarizar desarrollo
  • Librerías internas publicables y consumibles vía NPM
  • Dirección técnica de equipo junior + QA con tester dedicado

Schematics y librerías creadas por mí

Como parte del trabajo en Software Allies desarrollé y mantuve schematics/librerías que fueron usados dentro del ecosistema del proyecto:

Valor del caso

Es un caso especialmente relevante porque no fue un sitio estático común: fue una plataforma web dinámica para construir páginas, integrar datos externos y mantener consistencia de UI/SEO en un sitio comercial grande, con pensamiento de producto, arquitectura reusable y criterio de escalabilidad.