De mis primeras webs a Escribirr.com

HTML, CSS y Photoshop

Mis primeras webs eran HTML y CSS sin más. Eran pequeñas, y esa era la gracia: fueron el lugar donde aprendí qué es el diseño y a manejarme con la fotografía y con Photoshop. Recuerdo ver vídeos de Lynda.com (una plataforma de aprendizaje que después compró LinkedIn) casi todos los días para aprender CSS, frameworks, JavaScript y mucho más.

Los primeros clientes, y PHP

Web de la peluquería Ursache con un menú oscuro y fotos de peinados — Ursache, una peluquería (2011).

Web de MuffinPHP: una magdalena rosa sobre una cabecera roja, con una guía de instalación en cinco minutos — MuffinPHP, mi propio pequeño framework (2013).

Después llegaron los primeros clientes, como una peluquería en 2011. Tenía que entrevistar a personas para saber qué contar, reunir logotipos, fotos y elementos gráficos, hacer yo mismo algunas de las fotos, y aprender más Photoshop, algo de fotografía, un poco de JavaScript y algo de PHP. Por desgracia, de aquellos años solo conservo capturas pequeñas y de baja resolución.

Más adelante, PHP pasó a ser el centro. Programaba webs enteras desde cero, y durante mi máster en Diseño de Interacción en la BTH llegué a construir mi propio pequeño framework, MuffinPHP (siguiendo las lecciones y los materiales del curso), para entender qué pasa detrás de cada página.

Dos webs para un biobanco

Web del congreso con una banda oscura que dice Madrid 2014 y el título 10 años de BioBanco — La web del congreso por los diez años del biobanco, Madrid (2014).

Con ese framework hice mi siguiente web para un cliente: la del congreso de Madrid de 2014 en el que un biobanco de VIH celebraba sus diez primeros años. Allí el rojo importaba, porque el biobanco guarda muestras de sangre, así que la web se hizo con papel texturizado y una línea roja.

Web del HIV HGM Biobank con una cabecera de glóbulos rojos — La web del HIV HGM Biobank, en español y en inglés (2014).

Para la web del propio biobanco tomé otro camino: adapté un tema de WordPress en lugar de escribirlo todo yo. El trabajo de diseño se alejó del código y pasó a reuniones con las partes interesadas para decidir qué mostrar, card sorting para encontrar las categorías adecuadas y moodboards para dar con el tono.

Aprender a hacer un blog: SEO y marketing online

Portada de Escribirr.com: Cómo escribir un libro, con una máquina de escribir naranja sobre una mesa azul — Escribirr.com, un blog sobre escritura creativa (2017).

Escribirr.com fue distinto: menos código y más escritura. Lo monté con WordPress como un blog sobre escritura creativa, y lo llené con lo que había aprendido como alumno de muchos talleres de escritura. En su mejor momento tuvo unas 500.000 visitas al año. Me enseñó WordPress, SEO y marketing online, y me hizo practicar algo que todavía me importa: escribir para compartir lo que sé. Llegó justo antes de mi doctorado, así que toda esa práctica de escritura me vino muy bien.