Centelles & Morgan
criterio propio, desde el diseño
Resumen
Web conceptual para un despacho jurídico: tipografía editorial, fotografía arquitectónica y una relación clara entre la especialidad y las personas que la dirigen.
Confianza, sin clichés corporativos
Centelles & Morgan es un despacho independiente ficticio. Este caso de iniciativa propia explora cómo expresar autoridad sin grandes promesas, imágenes genéricas ni una lista impersonal de servicios.
Diseñé y desarrollé un sistema editorial completo: identidad, jerarquía de páginas, contenido conectado y un lenguaje de movimiento contenido. El despacho, los perfiles y los asuntos son contenido de demostración, no un encargo comercial.
El sistema de diseño
Siete láminas: identidad y color, tipografía, composición, componentes, arquitectura de contenido, fotografía y movimiento. Los gráficos utilizan las fuentes, los colores y las imágenes del sitio.
La especialidad conserva un responsable
El índice de áreas conduce a fichas concretas: alcance, capacidades, contexto y socio responsable. El contenido compartido alimenta los índices, los perfiles y los enlaces relacionados, de modo que el recorrido mantiene el mismo vocabulario.
Cada página propone un siguiente paso claro. Los formularios muestran la interacción sin simular el envío de una consulta real.
De la visión general a una práctica concreta
La composición y las fuentes del sitio continúan en las páginas de detalle. Exportación editorial en inglés del prototipo publicado.
El movimiento marca el ritmo de lectura
La entrada coordina titular, fotografía y contorno dibujado. El scroll aporta profundidad a capas separadas de imagen y texto; el manifiesto gana intensidad palabra a palabra. La cabecera se compacta al bajar y recupera su altura al subir.
El método se convierte en una escena de cuatro capítulos solo en pantallas de escritorio suficientemente amplias. En pantallas menores y con movimiento reducido, las fases permanecen en el flujo normal. El clip del hover del portfolio es una presentación independiente de cuatro segundos, no una grabación de esas interacciones.
Una identidad, en web y móvil
Las vistas de escritorio y móvil se presentan por separado. Navegación, ancho de lectura e imágenes se adaptan sin ocultar el mensaje principal.
Alcance del prototipo
Un sistema visual y de interacción completo
El resultado es un prototipo navegable con una voz institucional consistente: Georgia aporta carácter, DM Sans mantiene directa la lectura funcional y la paleta de papel y tinta conecta todas las páginas.
El caso presenta diseño e implementación, no resultados de negocio. No se atribuyen conversiones, ingresos ni métricas de clientes a este despacho ficticio.
El sistema en contexto
Mockups ilustrativos en un entorno jurídico, basados en la interfaz rediseñada. Imágenes de presentación generadas, no fotografías del despacho ni de sus oficinas.
Resultado navegable
Centelles & Morgan
