Acceso seguro
Contraseñas cifradas mediante hash, sesiones protegidas, CSRF en todos los formularios y un filtro que bloquea cualquier ruta privada sin una sesión válida.
CASO DE ESTUDIO · DESARROLLO FULL-STACK
Mercedes Alba
Castillejo Pintura
Una web que la artista gestiona sola, sin tocar código.
Diseñé y desarrollé una plataforma completa para mostrar su obra y, sobre todo, un panel de administración a medida con el que puede gestionar el proyecto desde cualquier dispositivo.
- CodeIgniter 4.6
- PHP 8.4
- MySQL / MariaDB
- JavaScript nativo
- IONOS
01
EL RETO
De depender de un programador
a tener autonomía total
Subir una obra, modificar un precio o anunciar una exposición requería ayuda técnica. El objetivo no era crear únicamente un portfolio bonito, sino construir una herramienta que Mercedes pudiera utilizar con la misma naturalidad que una aplicación del móvil.
0
dependencia técnica
en el día a día
en el día a día
02
EL CORAZÓN DEL PROYECTO
Un panel creado para ella
No es un CMS genérico adaptado. Cada pantalla y cada acción responde a una necesidad real de la artista, con procesos claros y sin vocabulario técnico.
Galerías de obra
Permite subir acuarelas y lienzos con miniaturas automáticas, ocultarlos sin borrarlos y decidir su posición. En ordenador se ordenan arrastrando; en móvil, mediante flechas. Los cambios se guardan al instante y sin recargar.
Bodas y subida por lotes
Meseros, seating, mapas y misales se organizan en pestañas con contador. Las fotografías pueden arrastrarse desde el escritorio y subirse por lotes, una a una en segundo plano y con progreso visible, evitando los límites del hosting.
Precios
Las tarifas se editan directamente en pantalla y se reordenan con la misma mecánica sencilla que el resto del panel.
Exposiciones
Fecha, hora, lugar, ciudad e imagen desde un único formulario. La web las clasifica automáticamente entre próximas exposiciones y trayectoria por año.
Analítica propia y privada
Un dashboard muestra visitas por día, páginas populares, procedencia y tipo de dispositivo, sin Google Analytics ni cookies. Cada visitante se anonimiza mediante un hash irreversible, solo cuenta una vez cada 30 minutos y sus datos se eliminan automáticamente a los 12 meses.
RGPD sin banner de cookiesUsuarios
Altas, bajas y cambios de contraseña con salvaguardas: nadie puede borrarse a sí mismo ni dejar el panel sin administradores.
Registro de accesos
Auditoría de accesos correctos y fallidos, además de cambios en usuarios, con filtros y paginación para localizar cualquier evento.
Archivos que se limpian solos
Al sustituir o eliminar una imagen, el sistema comprueba primero si otra sección sigue utilizándola. Solo la borra físicamente cuando ya no existe ninguna referencia, evitando archivos huérfanos y basura en el servidor.
UX DEL PANEL
Diseñado también para el pulgar
Todo el panel funciona de verdad desde el móvil, mantiene la identidad visual de la web y utiliza mensajes comprensibles para una persona no técnica.
- Zonas táctiles mínimas de 44 px
- Confirmación antes de eliminar
- Etiquetas ARIA y navegación por teclado
- Respuesta clara después de cada acción
03
LA CARA PÚBLICA
La obra siempre es la protagonista
Una interfaz minimalista de fondo crema, Cormorant Garamond e Inter. Reúne galerías, precios, exposiciones y un formulario SMTP protegido mediante honeypot y CSRF, además de una página 404 personalizada.
04
BAJO EL CAPÓ
Una base preparada para crecer
Layouts y parciales reutilizables con CodeIgniter 4.6.
Un trait propio reutiliza la misma lógica en todos los módulos.
Un comando de consola organiza cientos de archivos antiguos y actualiza la base de datos.
Salidas escapadas, Query Builder, CSRF y filtros por ruta.
Miniaturas en caché y carga diferida de imágenes.
Configuración por entorno para producción en IONOS.
05
EL RESULTADO
Publicar una obra ya no requiere ayuda técnica.
Mercedes gestiona obras, bodas, precios y exposiciones ella sola, desde el móvil y en segundos. La tecnología queda en segundo plano y la artista conserva el control.
QUÉ APRENDÍ
- 01 Diseñar para una persona no técnica.
- 02 Resolver subidas grandes en hosting compartido.
- 03 Crear analítica útil sin invadir la privacidad.