Elena de Gregorio®
Disponible para 2026
EN ES

Trabajo / Front-end / Kacho Cano

Un portfolio que abre con el vídeo

Sitio para un director de fotografía: el reel manda y el resto acompaña. HTML, CSS y JavaScript de navegador, sin framework y sin paso de compilación.

Portfolio audiovisual — 2026

Proyecto 13 de 28 del archivo 04 de 08 en Desarrollo front-end Ver la disciplina completa ↗

Kacho Cano — portada

Cliente

Kacho Cano

Disciplina

Desarrollo front-end

Año

2026

Rol

Diseño y desarrollo front-end

El encargo

Un portfolio audiovisual tiene un problema concreto: la portada es un vídeo pesado y la primera impresión depende de que arranque rápido.

Todo lo demás se subordina a eso.

Cómo se resolvió

La web es estática y se publica arrastrando la carpeta. Los proyectos, las fotografías y el CV viven en un único archivo de datos, así que el cliente añade trabajo nuevo sin tocar HTML.

Incluye página de accesibilidad, tokens de diseño en JSON y controles de reproducción visibles, para quien prefiera el vídeo parado.

En vivo

El sitio entero, funcionando aquí debajo: el reel arranca solo, el disco de la sección de fotografía gira con el ratón, con el dedo, con la rueda y con las flechas del teclado, y el selector ES/EN cambia todo el contenido.

Un marco es buen sitio para demostrar que algo existe y mal sitio para usarlo. Para recorrerlo de verdad, ábrelo en una pestaña.

Aviso · el material es de muestra

Los vídeos y las fotografías que se ven aquí no son de Kacho Cano. La página está publicada para que se pueda apreciar cómo va a funcionar —el reel, el disco, las fichas y el formulario—, y el material es un ejemplo de cómo quedará una vez montada con sus trabajos reales.

El sitio, a tamaño real

Ábrelo en grande: el reel, el disco, el CV y el formulario

El marco de aquí debajo demuestra que existe; para recorrerlo hace falta pantalla. Se abre en una pestaña nueva.

kachocano.com — portfolio v4

El sistema de diseño con el que está construido tiene ficha propia: Sistema de diseño Kacho Cano ↗

Un CMS para que el cliente edite su web

Ese archivo de datos no se toca a mano: construí un panel de administración a medida para que Kacho gestione su página sin escribir una línea de código. Desde ahí añade trabajos y fotografías, ordena el reel de portada y actualiza su perfil, su contacto y su currículum, en español y en inglés a la vez.

Cada ficha genera sola su dirección web, marca los campos obligatorios y guarda las dos lenguas en el mismo formulario. El panel es privado —es una herramienta de trabajo entre el cliente y yo—, pero estas tres pantallas enseñan cómo funciona.

Dashboard del panel de administración de Kacho Cano, con las secciones de trabajos, fotografía, reel de portada, perfil y currículum
El panel — contenido, portada y datos personales, todo a un clic
Formulario para añadir un trabajo nuevo, con título en español y en inglés, dirección web autogenerada, año y categoría
Añadir un trabajo — bilingüe y con la dirección web generada sola
Edición de la ficha del documental Cantera en el panel, con sus campos rellenos y el botón de guardar
Editar una ficha existente — el cliente cambia y guarda, sin código

De dónde sale

Este sitio es la última pieza de un proyecto de tres. El diagnóstico y el sistema de diseño están en la ficha de auditoría y diseño UX/UI, y la marca que lo firma, en la de identidad.

Siguiente en Desarrollo front-end

Kacho Cano · Sistema de diseño