- Peso total
- 104KB
- Peticiones
- 7
- Dependencias externas
- 0
- Frameworks
- 0
- HTML13 KB
- CSS14 KB
- JavaScript7 KB
- Fuentes68 KB
- Imágenes2 KB
Web media: 2.311 KB y 70 peticiones en móvil, según el Web Almanac 2024 de HTTP Archive.
Volver al portfolio
En producción · dalenconlancaster.com
D’Alençon LancasterServicios Jurídicos & Financieros
La plataforma de un despacho jurídico y financiero con sede en Rianxo: una web pública que presenta sus once áreas de práctica y sus casos de éxito, un área privada en la que cada cliente accede a su asunto y el panel de administración que lo gestiona todo. Tres aplicaciones con accesos separados, diseñadas y programadas por mí.
- aplicaciones: web, área de clientes y panel
- 3
- áreas de práctica
- 11
- casos de éxito documentados
- 4
- idiomas de atención
- 3
La plataforma, por dentro
Capturas reales de la web en producción.
Once áreas de práctica
De la contabilidad para empresas a seguros y usura: cada área con su propia página y una salida para lo que no encaja.
Casos de éxito
Un carrusel de asuntos reales resueltos, cada uno con su propia página.
Área de clientes
Acceso con DNI, NIE o CIF y contraseña, solicitud de acceso y recuperación de contraseña, en su propio subdominio.
En el móvil
La misma web, adaptada a cada pantalla: capturas reales en un teléfono.
Medido en producción
La portada de dalenconlancaster.com, medida el 4 de noviembre de 2026 con las herramientas del navegador.
- HTTP/3 + compresión Brotli
- Cero peticiones a terceros: ni CDN, ni analítica, ni Google Fonts
- Cabeceras de seguridad: HSTS, CSP, nosniff, X-Frame-Options, Referrer y Permissions
- CSP estricta: todo desde el propio dominio, sin scripts en línea
- Texto alternativo en el 100 % de las imágenes (5/5)
- Fuentes servidas desde el propio dominio
- Datos estructurados: LegalService, FinancialService, Person, WebSite, WebPage
- URL canónica y 10 etiquetas Open Graph
- Mapa del sitio con 8 URL
- Estructura semántica completa: header, nav, main y footer
$ curl -sI https://dalenconlancaster.com
HTTP/3 200
strict-transport-security: max-age=31536000
content-security-policy: default-src 'self'; script-src 'self'; style-src 'self'; font-src 'self'; img-src 'self' data:; connect-src 'self'; form-action 'self'; frame-ancestors 'self'; base-uri 'self'; object-src 'none'; upgrade-insecure-requests
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
referrer-policy: strict-origin-when-cross-origin
permissions-policy: geolocation=(), microphone=(), camera=()
Qué tenía que resolver
Un despacho pequeño necesita transmitir confianza en la web y ahorrar tiempo en la gestión.
Explicar sin abrumar
Once áreas presentadas con claridad, cada una con su página, y una vía para los asuntos que no encajan en ninguna.
Demostrar resultados
Casos de éxito reales con su resultado, cada uno con su propia página.
Atender a distancia
Atención presencial u online en toda España, en español, gallego e inglés.
Dar acceso al cliente
Un área privada para seguir su asunto sin tener que llamar al despacho.
Gestionar en un solo sitio
Un panel de administración para el trabajo interno del despacho.
Una identidad coherente
Un diseño «tech oscuro» común a la web, el área de clientes y el panel.
Arquitectura: tres aplicaciones, un solo despacho
La web pública, el área de clientes y el panel de administración son aplicaciones distintas, con accesos separados y la misma identidad visual.
| Capa | Qué hay | Origen |
|---|---|---|
| Web pública | Portada, once áreas, casos de éxito, equipo y formulario de contacto (PHP y JavaScript) | Hecho a mano |
| Área de clientes | Acceso con DNI, NIE o CIF, solicitud de acceso y recuperación de contraseña, en clientes.dalenconlancaster.com | Hecho a mano |
| Panel de administración | Gestión interna del despacho | Hecho a mano |
| Datos | Clientes, asuntos y cuentas de acceso (MySQL) | Hecho a mano |
| Mapas | Enlace a la ubicación del despacho en Google Maps | Servicio externo |
Cómo accede un cliente
Solicitud
El cliente pide acceso desde el área de clientes.
Activación
El despacho activa su cuenta.
Acceso
Entra con su DNI, NIE o CIF y su contraseña.
Seguimiento
Consulta su asunto sin llamar al despacho.
Recuperación
Si olvida la contraseña, la restablece él mismo.
Conexión segura
Todo el área funciona sobre una conexión cifrada.
Qué hace
Las funciones que puedes encontrar hoy en la web.
- Público
Once áreas de práctica
Contabilidad, derecho corporativo, de consumo, de contratos, fiscal e inmobiliario, inversiones, litigación, planificación financiera, protección de datos y seguros y usura.
- Público
Casos de éxito
Carrusel de asuntos resueltos, cada uno con su propia página.
- Público
Horario en directo
Un reloj que indica si el despacho está abierto o cuándo vuelve a atender.
- Público
Contacto por áreas
Formulario con selección del área del asunto.
- Público
Equipo y ubicación
Perfil profesional y enlace a la ubicación del despacho.
- Público
Redes sociales
LinkedIn, Instagram y X.
- Privado
Área de clientes
Acceso privado con DNI, NIE o CIF y contraseña.
- Privado
Gestión del acceso
Solicitud de acceso y recuperación de contraseña.
- Privado
Panel de administración
La gestión interna del despacho.
Retos y cómo los resolví
Problemas reales del proyecto, la solución que apliqué y lo que se consiguió.
Saber si hay alguien al otro lado
- Problema
- Quien escribe fuera de horario no sabe cuándo recibirá respuesta.
- Solución
- La portada muestra un reloj en directo con el horario y avisa de si el despacho está abierto o de cuándo vuelve a atender.
- Resultado
- Expectativas claras antes de contactar
Tres públicos, tres accesos
- Problema
- Visitantes, clientes y el propio despacho necesitan ver cosas muy distintas.
- Solución
- Web pública, área de clientes en su propio subdominio y panel de administración, cada uno con su acceso.
- Resultado
- Cada usuario ve solo lo suyo
Entrar sin inventar un usuario
- Problema
- Pedir al cliente que cree un nombre de usuario añade un paso y un olvido más.
- Solución
- El acceso usa su DNI, NIE o CIF y una contraseña, con solicitud de acceso y recuperación de contraseña.
- Resultado
- Se entra con un dato que el cliente ya conoce
Once áreas sin dispersión
- Problema
- Un despacho con muchas áreas corre el riesgo de parecer disperso.
- Solución
- Tarjetas uniformes con su categoría, una página por área y una salida para «¿Su asunto no encaja?».
- Resultado
- Toda la oferta, de un vistazo
Tecnologías
- Lenguajes
- PHP, JavaScript, SQL, HTML5, CSS3
- Base de datos
- MySQL
- Aplicaciones
- Web pública, área de clientes en subdominio propio y panel de administración
- Seguridad
- Accesos separados por aplicación, conexión cifrada y recuperación de contraseña
- Diseño
- Identidad «tech oscura» común a las tres aplicaciones
- Posicionamiento
- SEO técnico
Pruébalo en directo
La web del despacho está en producción: recorre sus áreas, sus casos de éxito o el acceso al área de clientes.
¿Hablamos?
Si quieres que te enseñe cómo está hecho por dentro o te interesa mi perfil, escríbeme.
O, si lo prefieres, por otro canal: