Caso de estudio Case study
Estudio Froment & Asociados
Full-stack Developer & UI Designer · Kensiweb Full-stack Developer & UI Designer · Kensiweb
Transformación digital para un estudio jurídico con 40 años de trayectoria. Estética "premium editorial", cero deuda técnica y deploy continuo. Digital transformation for a 40-year-old law firm. Premium editorial aesthetic, zero technical debt, continuous deployment.
01. El desafío The challenge
Un estudio jurídico con cuatro décadas de trayectoria necesitaba una identidad digital que reflejara autoridad académica y sobriedad corporativa. El reto fue migrar credenciales legales complejas a una interfaz de alto rendimiento sin el peso de page builders tradicionales, manteniendo una sensación editorial premium. A law firm with four decades of legacy needed a digital identity that reflected academic authority and corporate sobriety. The challenge: migrate complex legal credentials into a high-performance interface without the bloat of traditional page builders, preserving a premium editorial feel.
02. Proceso creativo Creative process
A. Arquitectura de información A. Information architecture
Estructuré 40+ años de experiencia legal en un layout jerárquico, priorizando credibilidad y publicaciones académicas. Structured 40+ years of legal experience into a hierarchical layout, prioritizing credibility and academic publications.
B. Desarrollo en entorno Ubuntu B. Development in a Ubuntu environment
Armé una arquitectura SASS a medida para gestionar el sistema de diseño "The Froment Gold" en todas las páginas. Usé Bootstrap 5 solo como grid, reemplazando las utilities por SCSS semántico para mejor mantenibilidad. Built a custom SASS architecture to manage the "The Froment Gold" design system across all pages. Used Bootstrap 5 just for the grid, replacing utility classes with semantic SCSS for better maintainability.
C. Interacciones dinámicas C. Dynamic interactions
Integré Swiper.js para el carrusel del equipo legal y Lenis para scroll suave, logrando una experiencia fluida de "nivel agencia". Integrated Swiper.js for the legal-team carousel and Lenis for smooth scrolling, reaching a fluid "agency-grade" experience.
03. Resultado final Final outcome
Solución técnica sin deuda, con tiempos de carga optimizados y precisión responsive al 100%. A zero-debt technical solution with optimized loading speeds and 100% responsive accuracy.