Capítulo 6La marca: de tres logos ajenos a la tuya

Capítulo 6 · Pasos 7, 8 y 9

La marca: de tres logos ajenos a la tuya

3 min · 647 palabras

La skill te pregunta si tenés una marca. Si tenés un logotipo, pasáselo: con eso va a generar todas las versiones que una web necesita (claro, oscuro, el ícono chiquito, el nombre escrito). Si no tenés nada, como yo en el video, vamos a hacer un relevamiento de marca. Es lo mismo que hicimos con el diseño, pero con logos.

El camino de la marca ¿Tenés logo?No: relevamientoSí: pasáselo3–4 referencias (Google, Dribbble,Pinterest)El nombre «JUSZZZ»Una propuesta por referenciaElegís unaPedís cambios hasta que convenzaLa skill genera todos los archivos
Figura 10. De tres logos ajenos a una marca propia, en tres pasos. Si ya tenés logo, entrás por la derecha.

Paso 7: referencias de marca

Entré a Google y busqué marcas de zapatos, porque es lo que vendo. Vos buscás lo tuyo. No hay ninguna ciencia acá: logotipos que te parezcan que pueden servir de inspiración, nada más. Después lo vamos a modificar. Pero de no tener nada a empezar así, es una buena forma.

Encontré una imagen con varias marcas de tiendas. No le pasé todas: le saqué una captura con Cmd + Shift + 4 a la del medio, que era la que me gustaba, y le dije de dónde era. ChatGPT la analiza (en mi caso: «destaca la pincelada roja») y guarda un archivo .md con lo que vio.

Agregué dos más: la de Levi's, y una que encontré en Dribbble, que también sirve para buscar logos. Pinterest también sirve. Con tres me alcanzó. Igual que con el diseño: tres o cuatro, no mucho más.

No te preocupes por estar robando: estamos formando el criterio de ChatGPT, nada más. Le estamos mostrando hacia dónde queremos ir, que puede ser muy distinto de un proyecto a otro.

«Listo, sigamos».

Paso 8: el nombre y las propuestas

Ahora te pregunta cómo se llama tu marca. Yo inventé una para el ejemplo: JUSZZZ. Vos ponés la tuya.

Con el nombre y las referencias, ChatGPT genera una propuesta por cada referencia que le pasaste. Si le pasaste tres, te muestra tres; si seis, seis. Cada propuesta viene con el logo y un ejemplo de cómo se vería usado. A mí la que más me gustó fue la tercera, así que se lo dije:

Usemos la tercera.

Esto es sólo un punto de partida, algo que modificar. El problema es querer empezar con el diseño ya terminado, que de una salga perfecto. No funciona así, ni con IA ni sin ella. Son varios pasos. Así se trabaja a nivel profesional, y así está pensada la skill.

Paso 9: generar los archivos de la marca

Cuando elegís, ChatGPT te pide autorización para empezar a generar las imágenes. Le decís que sí, y empieza a producir todo lo que un sitio necesita:

  • El logo a color, y una versión en blanco y negro. Las versiones monocromas son necesarias para distintas partes del sitio.
  • La marca como palabra (el nombre escrito) y la marca como imagen (el símbolo solo). El símbolo solo es el que va a terminar siendo el ícono del sitio, el que aparece en la pestaña del navegador y cuando alguien lo guarda en favoritos.
  • Cómo se ve en modo oscuro y en modo claro.
  • Cómo se ve en el celular.

Y te arma un perfil de marca: un documento con el logo, sus versiones, y las reglas de uso. Si después querés hacer un manual de marca en serio, este documento es la base.

Lo que la skill genera a partir de un logo JUSZZZLogo a colorla versión principalJUSZZZBlanco y negropara fondosdifícilesJUSZZZMarca-palabrael nombre escritoSímbolo soloel ícono delnavegadorJUSZZZModo claro / oscurocómo se ve en cadaunoEn el celularlegible en chicoPerfil de marca(.md)reglas de uso,versiones, colores✓ ✓ ✓ ✓ ✓ ✓
Figura 11. Un logo no alcanza: una web necesita todas estas piezas. La skill las hace y revisa cada una.

Cuando termina, revisa que todo se vea bien en todos lados y te pregunta si está perfecto.

Este es el momento de pedir cambios

Si tenés una observación, decila ahora, antes de aprobar. Por ejemplo:

Quiero que la pincelada sea azul en vez de roja.

ChatGPT rehace la marca con ese cambio y te la vuelve a mostrar. Lo repetís hasta que te convenza. Cuando te convence, «continuemos».

Puede parecer que son muchas revisiones. Cuando veas el resultado final vas a entender por qué: la skill verifica que las cosas se vean correctamente en todos lados, siempre, porque corregir ahora es barato y corregir cuando el sitio ya está armado es caro.

Con la marca lista, viene la parte más emocionante.