Un diseñador web nunca deja realmente de meterle mano a su propio sitio. Ya han pasado varios años desde la última actualización de mi web. Para este nuevo año opté por una renovación bastante grande, incluyendo algo inédito para mí: usar un color real, en lugar de mi clásica paleta en blanco y negro.

Sigo usando Publii, el CMS (Content Management System) para sitios estáticos. Esta vez rehice el sitio sobre su nuevo tema premium Reveral. Elegí una paleta clara y oscura que cambia automáticamente según sea de día o de noche.

• Color principal: #cce3f0
• Modo oscuro: #194055
• Color de acento: Rojo / naranjo brillante #E95638

He estado escribiendo bastante en el blog y la idea es seguir haciéndolo, así que agregué una función de búsqueda al sitio para ayudar a encontrar contenido (principalmente para mí). 🙂 Aunque no me termina de convencer el nuevo diseño Liquid Glass de Apple (parte de iOS 26), este rediseño sí incorpora esquinas redondeadas y ese efecto translúcido tipo “vidrio esmerilado”.

Como forma de probar ideas nuevas, y también como reacción al uso masivo de imágenes generadas por IA, mi imagen a lo largo del sitio está representada mediante emojis generados por iPhone, en lugar de fotografías reales. Llámalo un intento medio ingenuo de resistir la creación de imágenes con IA, pero si internet quiere inventar fotos falsas mías, al menos va a tener que esforzarse un poco.

Aunque no está directamente relacionado con el diseño del sitio, después de pensar demasiado en branding y nombres de dominio, este nuevo sitio también marca el lanzamiento oficial de mi web personal bajo un nuevo dominio: yowalsh.com

Visitar el sitio web

Recientemente he tenido múltiples proyectos basados en Publii CMS. Publii es un programa increíble que facilita la creación y administración de su sitio web. La comunidad de desarrolladores también ha proporcionado una serie de traducciones. Sin embargo, una de las limitaciones anteriores de Publii era la falta de una traducción completa al español. Entonces, me encargué de llenar el espacio en blanco.

Durante un mes, revisé y traduje más de 1,300 líneas de código al español, tanto para el programa principal como para el editor de texto (las traducciones de temas pueden venir en una fecha futura).

Una vez que se terminó esto, envié la solicitud de fusión desde mi Github, que fue aceptada justo al comienzo del nuevo año.

Si está interesado, puede pinchar en el botón a continuación para descargar el paquete de idioma español más reciente para Publii CMS.

Detalles técnicos

• La traducción del código se llevó a cabo usando Sublime Text.

Paquete idioma Publii 0.44.4 Español

Geraldine Ovalle solicitó un nuevo diseño para su sitio web en preparación del giro y enfoque en sus nuevos proyectos. El nuevo sitio web necesitaba ser limpio, moderno, minimalista y rápido. También era necesario la optimización para búsquedas en internet, para mayor visibilidad.

Para este proyecto seleccioné como base del sitio la plantilla Splitian del sistema de gestión de contenido (CMS) Publii. Luego traje los elementos esenciales del sitio anterior al nuevo diseño. Conservamos el logo emblemático de las versiones anteriores.

Además del CV, clases y talleres presentes en la versión anterior del sitio web, agregamos una sección para sus publicaciones, las cuales incluyen el sitio web Huellas y Sabores, el libro para el proyecto Fondart y el eLibro: Huellas y Sabores.

Detalles técnicos

• Color destacado es el morado de versiones anteriores - #7D14C0

Visitar el sitio

Para 2023 decidí darle una vuelta al diseño de mi sitio web personal. Fue mi primero proyecto usando el sistema de gestión de contenido (CMS) Publii.  Partí con la plantilla Square rellenando el contenido básico (imágenes, texto, etc).

Eligí una paleta de colores (o mejor dicho ausencia de colores) blanco y negro. Para destacar los enlaces, apliqué un subrayo amarillo, similar a un destacador. La inspiración para esto vino del blog de Manuel Moreale.

Para un toque singular, en aparatos móviles, la navegación del sitio aparece en la parte inferior del sitio, similar a las aplicaciones. Tiene como fin llamar a la atención, además de hacer que el sitio es mucho más fácil de navegar, ya que toda la navegación queda cerca del dedo pulgar del visitante, permitiendo un alcance más fácil, particularmente en teléfonos.

Visitar el sitio

Después del lanzamiento del libro desarrollé una e-libro para aumentar la publicidad y visibilidad del proyecto. Es una copia fiel al original en cuanto al contenido, y ha sido creado como EPUB y MOBI para una mayor audiencia. Es un libro sencillo y algo minimalista con un énfasis en lectura fácil.

Detalles técnicos

• Los programas usados para el desarrollo de la e-libro fueron Photoshop, Calibre, y Microsoft Word.
• Formatos disponible: EPUB y MOBI.
• Idioma: Español.

Descargar Libro (EPUB) Descargar Libro (MOBI)

Después del lanzamiento del libro desarrollé una e-libro para aumentar la publicidad y visibilidad del proyecto. Es una copia fiel al original en cuanto al contenido, y ha sido creado como EPUB y MOBI para una mayor audiencia. Es un libro sencillo y algo minimalista con un énfasis en lectura fácil.

Detalles técnicos

• Los programas usados para el desarrollo de la e-libro fueron Photoshop, Calibre, y Microsoft Word.
• Formatos disponible: EPUB y MOBI.
• Idioma: Español.

Descargar Libro (EPUB) Descargar Libro (MOBI)

Etiquetas para una línea de salsas caseras.

Salsa Macca es un producto estrenado cerca del fin de 2015 por Macca Producciones, una compañía familiar de una pareja australiana-chilena que opera entre Villarrica y Pucón en el centro-sur de Chile. Para el lanzamiento de su línea de productos, necesitaba tres etiquetas atractivas para una línea de salsas.

Las etiquetas tuvieron que ser bastante minimalista, atractivas y fácil de entender. Cada etiqueta tiene una representación gráfica del sabor de la salsa, además de la información nutricional e descripción del producto.

Como producto secundario se diseñó una tarjeta de presentación sencilla que compartió elementos de diseño con las etiquetas, y un bumerán diluido en el fondo.

Detalles técnicos

• Se utilizaron las fuentes de letras REIS y Open Sans en el diseño de las etiquetas y tarjeta.

Diseño imprenta y digital para el libro Huellas y Sabores de Mujeres en la Cordillera.

Me contrataron Geraldine Ovalle y Natalia Barría, dos ganadoras del fondo regional de las artes (Fondart) en 2014, para hacer el diseño de su libro, Huellas y Sabores de Mujeres en la Cordillera. La idea era que este sea el primer volumen de tres, y que cada libro está unido a los otros por algunos detalles de diseño comunes. Cada volumen tratará de un sector distinto de la Región de la Araucanía: la cordillera, el valle y la mar. Necesitaba un diseño moderno y atractivo.

En vez de un índice de contenidos más tradicional, opté por un estilo más minimalista, ubicando los capítulos en letras grandes, con los nombres de las secciones – si había – debajo de cada capítulo. La ilustración del árbol es de una araucaria – árbol altamente simbólico de la región. Eso ayudó en destacar el libro y llamar la atención al lector interesado, ya que muchas publicaciones de otros proyectos eran objetivos o productos secundarios, siendo la investigación de primer interés.

Aunque el libro principalmente consiste en una investigación, hay también varias páginas de fotos. La sección de la biografía tiene una foto de cada participante con una reseña que anota como llegaron a ser parte del mundo gastronómico, y los nombres de los negocios y/o productos correspondientes. También, cada participante tiene una página de fotos que destaca el negocio y producto de ello.

Detalles técnicos

• Las medidas del libro imprenta son: 200mm x 200mm.
• Se diseñó con Adobe InDesign y Photoshop.
• El libro contiene 68 páginas, que incluyen: portada y contraportadas, introducciones por las autoras, un índice ilustrado de los participantes, y una página de fotos dedicada a cada participante, mostrando sus negocios y productos.
• El libro utiliza una paleta de colores mayormente verde, específicamente usando un verde oscuro (#2d342d) y una variación más clara (#d7daa1). Se utilizó también un fondo más oscuro, del color carbón (#2c2d28) para las páginas de fotos.
• Las fuentes de letras utilizadas en este proyecto son: Oswald (Portada y índice), PT Sans (Biografías), PT Serif (texto del libro), y Vladimir Script (letra cursiva en las biografías y páginas de fotos). La fuente de letras principal – PT Serif – está en tamaño 10pt, con espacio entrelíneas de 13.5pt.
• El libro Huellas y Sabores de Mujeres en la Cordillera se envió a imprimir a fines de octubre 2014 con una primera impresión de 250 copias.

Después del lanzamiento del libro desarrollé una e-libro para aumentar la publicidad y visibilidad del proyecto.

Sitio web para el proyecto FONDART Huellas y Sabores.

Geraldine Ovalle y Natalia Barría, dos ganadoras del fondo regional de las artes (Fondart) en 2014, publicaron un libro llamado Huellas y Sabores de Mujeres en la Cordillera. Para acompañar el lanzamiento del libro y promover su difusión se diseñó un sitio web para presentar más información acerca del proyecto.

El sitio de Huellas y Sabores sirve como un tipo de portal para el proyecto en general, donde uno puede aprender más sobre el propósito de la investigación, ver las biografías de las personas que participaron en el proyecto, una breve presentación de las autoras, una sección de noticias, y más.

El resultado ayudó a difundir información acerca del proyecto, lo cual culminó en una presentación en el Centro Cultural Liquén y la creación de una página en Facebook, la cual atrajo una audiencia significante.

Detalles técnicos

• La fuente de letras utilizado en el sitio, tal como el libro imprenta, es PT Sans.
• El sitio web originalmente fue creado usando WordPress pero luego adaptado a un formato estático. Aprender más aquí.

Visita Sitio Web