Por tu perspicacia y agudeza visual (y no solo por el título) te habrás dado cuenta de que efectivamente el blog ha cambiado, y mucho; no sé si es mi imaginación, pero me huele como a pan recién hecho...
Te cuento qué, por qué y cómo ha sido, que la cosa lo merece. A ver qué te parece (o si te sirve de algo).
La cosa es que hace un par de días, el 20 de agosto, el blog cumplió 9 años, ¡ahí es na'!
🥳🎊🎉🎈
Hace 9 años que publiqué el primer post de miposicionamientoweb.es. Se dice pronto.
Y como me mola el número 9, mucho más que ese creído del 10 que se las va dando de "número redondo", pues me he animado a ponerle una camiseta nueva al blog este año. 👕
Sí, han tenido que pasar 9 años para cambiar este logo que creé allá por el 2013 como si tuviera buen gusto diseñando.
Ojo a esto...
Lo sé, te han entrado unas ganas tremendas de contratar mis servicios como diseñador, pero te aviso de que te saldría muy caro (y de precio también).
Unos años después se me pasó la tontería de los degradados y lo actualicé, aunque aún se notaba esa esencia tan de los 90.
Con esto yo ya me creía un hacker del diseño.
El caso es que con el paso del tiempo (o quizá la pérdida de peso capilar en la cabeza), veía que el diseño ya no me molaba tanto... 🤔
Bueno eso, y que Susana de Sumatra Brand me lo iba diciendo de vez en cuando desde que la conozco. Porque ella tiene eso que se está perdiendo de que, si hay algo que no le gusta, ¡va y te lo dice!
Y mira que la conozco desde el 2017, a raíz de una charla que di en Galicia donde mi chachi presentación de temática Star Wars no cargó bien la fuente y se vio fatal. 🤦
Me la imagino ese día mirándome entre ternura y pena diciendo: "pobriño...".
Así que esta vez ha sido una profesional de verdad, la propia Susana, la que se ha encargado de crear un nuevo logo; y sobre todo, darle un porqué, un significado, una identidad visual y un todo junto. 👌
🔸 El proceso de cambio
Al principio le dije que tampoco quería liarme mucho y que buscaba más un "rediseño" del logo en vez de uno totalmente nuevo. Qué iluso...
Menos mal que ella con su buen criterio me dijo que no lo veía claro. Vamos, que me dejara de tonterías.
Me pasó una propuesta de un logo nuevo y...
Resumiendo muy mucho, para hacer el nuevo logo me explicó que había jugado con 2 conceptos principalmente:
- Un ojo como representación de visión propia y como código visual de humor (como no podía ser de otra forma), que además me identifica en los GIFs que hago.
Pero ya te digo que tuvo en cuenta otras muchas cosas (en la propuesta que me pasó me explicó todos los detalles), como que el ojo mira hacia arriba para darle dinamismo, el uso del color naranja más claro como tono más optimista y alegre, etc.
Y me hizo este isotipo.
En una frase Susana lo define como:
"un logo minimalista en lo visual pero repleto de significado en lo conceptual, como una metáfora del propio blog: bajo un lenguaje ameno y cercano hay mucho contenido de valor".
(¡Más maja que las pesetas! 😍)
Espérate, porque también me dijo que el logo daba mucho juego precisamente para crear un GIF animado donde se moviera el ojo.
Y rizando el rizo pensé en crear un logo animado donde el ojo se moviera siguiendo el cursor del ratón. Si estás leyendo este post desde un PC, verás que efectivamente el ojo del logo se mueve... 😁
A esto le sumó un cambio en la fuente del logo, también con ese enfoque minimalista y con letras redondeadas siguiendo el estilo del isotipo.
Y me hizo estas versiones horizontales del logo.
Y estas versiones verticales.
Nada más que añadir señoría. 🧑⚖️
Susana "solo" hizo el logo, pero claro, no tenía ningún sentido tener un logo tan currado y que el diseño del blog siguiera igual...
Así que tiré del hilo para ir adaptando TODO al nuevo estilo que me había marcado su logo en cuanto a colores, trazos, bordes redondeados, fuente, etc.
👀 Y ojo, que en el diseño también se nota la mano de Susana porque fue viendo los cambios que iba haciendo yo en la versión de "prueba" y me dio algunos consejos que lo transformaron todo, mucho más minimalista, sencillo y adaptado al nuevo logo.
En fin, unas perlas que me regaló.
🔸 El proceso de cambio
Lo primero de todo fue montarme una copia del blog en un subdominio que tengo para hacer pruebas, que en un alarde de originalidad es prueba.miposicionamientoweb.es. 🤯
De esta forma podía ir viendo el cambio real entre la versión original de miposicionamientoweb.es y lo que iba "rompiendo" en prueba.miposicionamientoweb.es.
Los gurús a esto de crear "escenarios de prueba" lo llaman staging, que queda más guay. En mi caso lo hice con el plugin de Duplicator en unos minuticos. 👌
💡 Mi idea era que todos (o casi todos) los cambios que hiciera tenían que ser en la hoja de estilos CSS (style.css) de mi plantilla, para que cuando quisiera aplicar los cambios en miposicionamientoweb.es solo fuera reemplazar ese fichero y listo.
Y en una lista me apunté los cambios que tendría que hacer sí o sí fuera de ese fichero, como en los ajustes de algunos plugins, en otros ficheros de estilos, en el código de algunas partes del blog, etc.
Ha habido muchos cambios, quizá muchos no se noten a simple vista pero los principales sí:
- Los nuevos colores principales del blog marcados por el logo.
- La nueva fuente Nunito de Google Fonts, que es la misma para todo (títulos, cuerpo de los posts, etc.) usando distintos grosores, claro.
- Un nuevo menú mucho más chulo (o eso me parece a mí). 😁
- Los bordes negros y redondeados en las esquinas para las "cajas" más llamativas (botones, formularios, avisos, widgets, etc.).
- Bordes redondeados también en imágenes, GIFs y vídeos.
- El diseño de los enlaces, que es una cosa que me apetecía cambiar desde hace un porrón de tiempo.
- El diseño de los iconos principales de la página de inicio, una vez más con el buen criterio de Susana.
Todos estos cambios los iba haciendo en la copia del blog (sin CDN ni plugin de caché activado) y, muy importante, iba probando y revisando al momento cómo quedaban en los artículos y páginas del blog (y aun así, seguro que alguna cosa se me escapa...).
Una de las cosas que más me interesaba es que el texto se siguiera leyendo bien; que la fuente no "cansara" y que el diseño no molestara al leer. Y creo que ahora incluso está más conseguido con una fuente más espaciada y un diseño más suave y "limpio".
🚩 Aplicando los cambios
Todo listo, las nuevas imágenes del logo subidas en formato SVG (mejor que en PNG), el diseño probao y requeteprobao, y la lista de los cambios que hay que hacer preparada.
Pues era "tan sencillo" como ir siguiendo la lista que hice y aplicar todos los cambios:
- reemplazar el fichero CSS principal
- reemplazar algunos ficheros de estilos secundarios
- añadir unas cosicas en algunos ficheros de código
- modificar los nuevos colores en algunos plugins
- cambiar el Favicon en las opciones de la plantilla de WordPress
- etc.
Se limpia la caché, se comprueba que esté todo ok, que funciona bien y...
¡El blog ya tiene nuevo logo y diseño! 🙌
Esto es un ejemplo de enlace (que no te lleva a ningún lado)Como paso final, me toca ir reemplazando el logo y algunas cabeceras en redes sociales y en sitios externos donde el viejo logo ya se había enquistado. Pero bueno, es cuestión de ir cambiándolo todo poco a poco.
Y nada más (ni nada menos), dime qué te parece el cambio (a mí me flipa, la verdad).
Y si tienes cualquier dudilla de lo que sea, me tienes aquí abajo a 1 comentario de distancia. 😉
Por cierto, que si quieres contactar con Susana que sepas que NO se dedica al diseño de logos (aunque los haga cojonudos), pero en su web SÍ que ofrece servicios y plantillas para trabajar la identidad de marca y el naming, que vienen de perlas si quieres darle caña a tu marca. 👌
Para celebrar el cumpleblog y el cambio de look, voy a sortear gratis 9 tazas con el nuevo logo como estas que he pedido en mi-taza.com:
Las voy a sortear entre todos los que cumplan 2 requisitos muy sencillitos.
Tienes que:
1. Hacer retweet a este tuit ⬇️ (NO vale citar el tweet)
🎉 ¡El blog cumple 9 añazos y le he hecho un cambio radical de logo y diseño!
Para celebrarlo, voy a sortear 9 tazas entre quienes hagan estas 2 cosicas:
1- Retweet a este tuit
2- Seguirme en Twitter (si no lo hacías ya)¡Aquí te lo cuento! ⬇️ https://t.co/ZnJIi4WpDA#miPW
- Rubén Alonso 🤓 (@rubenalonsoes) August 22, 2022
2. Seguirme en Twitter (si no lo hacías ya)
¡Chimpún, así de simple!
Puedes hacerlo desde ahora mismo hasta el viernes 26 de agosto a las 11:00 am UTC+2 (hora española), que será cuando haga el sorteo en directo en mi canal de Twitch. 😊
¡Mucha suerte! 👍