Titikey
InicioConsejos prácticosFlujo práctico para resolver de principio a fin las necesidades de un sitio web de portafolio —desde requisitos hasta imágenes— con ChatGPT, Claude, Midjourney y Gemini

Flujo práctico para resolver de principio a fin las necesidades de un sitio web de portafolio —desde requisitos hasta imágenes— con ChatGPT, Claude, Midjourney y Gemini

2/2/2026
实用技巧

Si quieres hacer un sitio web de portafolio para un estudio de diseño, lo que más suele atascar no es el código, sino “qué estilo quiero exactamente y qué páginas tengo que escribir”. Yo suelo usar un proceso de “cuatro piezas” para recorrer de una vez requisitos, copy, visual y puesta en marcha.

ChatGPT se encarga de convertir ideas en una lista ejecutable

Suelto directamente un objetivo bastante difuso, por ejemplo: “tema de ondas de agua azules + barcos y submarinos en estilo cartoon”, y le pido que saque la estructura del sitio, el texto de los módulos y los puntos de interacción. Truco: recuérdale que use el enfoque KISS y que no convierta la home en una tesis.

Claude se encarga de redactar los requisitos como si fueran un documento de entrega

Claude es muy adecuado para ordenar exigencias del tipo “Bento Grid con fondo negro + color de realce #2657FD, números gigantes, animaciones de scroll al estilo Apple, Framer Motion y Tailwind vía CDN” en especificaciones que desarrollo pueda entender, y de paso añadir condiciones de borde, como no abusar de degradados ni usar emojis como iconos principales.

Midjourney se encarga de fijar rápido el tono de los recursos visuales

Le pido que genere dos tipos de imágenes: unas como ilustración KV principal (barcos/submarinos/personajes cartoon espaciales) y otras como pequeños elementos en line art para decorar. Primero saco una cuadrícula de 9 para encontrar dirección y luego amplío y refino partes concretas; si no, te quedarás atrapado en el bucle de “casi, pero no”.

Gemini se encarga de comprobar contra una referencia y cubrir puntos ciegos

A Gemini me gusta más usarlo para una “auditoría de experiencia”: le pido que critique desde el punto de vista del visitante, revise si la información es concreta y si ayuda a prolongar la conversación (no escribas solo frases vacías tipo “está bien”), y luego te dé una versión de la bio y del FAQ que suene más a una persona real.

Mi pequeña queja personal

Recuerda fijar la configuración de tu modelo por defecto; si vas cambiando de modelo, que de repente “pierda la memoria” al abrir un tema nuevo es realmente molesto.

Si quieres aplicar este flujo tal cual a tu proyecto y evitar rodeos, pásate por Titikey para ver las herramientas y plantillas que he recopilado; te ahorrará bastante tiempo.

InicioTiendaPedidos