Entre bambalinas: dar forma a mi espacio digital

Este portfolio, ¿eh? Pues no, no es solo una lista de enlaces. Esta web en sí es uno de mis proyectos, ¡quizá el más personal de todos! Llevaba tiempo cocinándose: la oportunidad de construir algo desde cero que reflejara cómo pienso y cómo trabajo, mezclando diseño reflexivo, decisiones técnicas con cabeza y, sinceramente, hacer algo que disfrute usando. Y de paso, dejar un poco de magia escondida ✨ por el camino.

Quería algo más que una página estática; quería un espacio que se sintiera vivo, rápido, y que representara los distintos sombreros que me pongo: diseñador, marketero, desarrollador, entusiasta de la tecnología. Es mi campamento base digital.

Primeras fases de planificación: bocetando el flujo y la estructura. Programa: Figma.

Empezó con design thinking

Antes de tocar una línea de código, me puse el sombrero de diseñador bien calado. Eso significaba dar un paso atrás y pensar en la experiencia:

• Flujo de usuario y UX: ¿cómo debería navegar alguien? ¿Cuál es la forma más fácil de encontrar proyectos relevantes? Mapear el recorrido fue clave.
• Wireframes de UI: bocetar los componentes —las tarjetas de proyecto, los filtros, la navegación— para acertar con la estructura antes de meterme con lo visual.
• Identidad visual: definir el tema oscuro, la paleta de color (sí, ¡me gusta el rojo!), la tipografía y el tono general para que resultara moderno, nítido y algo juguetón.
• Alcance y renuncias: ¡ser realista! Decidir qué funciones eran imprescindibles (como un buen filtrado) y cuáles podían esperar, sin perder de vista el mantenimiento.

Es este proceso —analizar las necesidades, planificar la estructura, definir la estética— el que pone los cimientos, ya sea para un cliente o para un patio de juegos propio como este.

Elegir el stack: rendimiento y cordura

Con la visión de diseño más clara, tocaba cambiar al cerebro de desarrollador. Los objetivos aquí eran la velocidad (porque ¿a quién le gusta una web lenta? 🐢) y el mantenimiento (porque sabía que querría actualizar esto a menudo sin dolores de cabeza).

Eso me llevó a Astro. Ya lo había usado antes y su enfoque me encanta de verdad. Me permite construir webs rapidísimas por defecto pero además añadir interactividad justo donde hace falta, con herramientas que me gustan (como Preact para los filtros). Ese equilibrio encajaba con este proyecto: ágil para ti (señor o señora lector) y manejable para mí (¡Dani!).

El sistema de filtrado por etiquetas, que facilita descubrir proyectos.

Más que código: la foto completa

Construir esto no fue solo maquetas de diseño y código. Mi experiencia en marketing y comunicación también jugó su papel: pensar cómo presentar los proyectos con claridad, escribir las descripciones (¡como esta!) y conseguir que toda la web se lea como un relato coherente. Incluso los detalles pequeños, como el fondo rojo de aire orgánico o los huevos de Pascua que he dejado repartidos por la web (¿has encontrado alguno? 😉), aportan personalidad e interacción. Va de mezclar todas esas habilidades.

Un proyecto vivo

Al final, este portfolio es una foto de un momento. Refleja mis habilidades e intereses de ahora. Pero como todo buen proyecto (¡o partida guardada!), está pensado para seguir creciendo. Tengo toda la intención de seguir ajustándolo, mejorándolo y ampliándolo con el tiempo, tanto para enseñar cosas nuevas que aprenda como, sencillamente, por tener un espacio propio donde pulir el oficio. Es un trabajo en progreso continuo, igual que yo.