Plantillas web de portafolio y prompts de diseño

Elige según tus trabajos y tu público. Compara relato, agencia, galería y práctica independiente; explica tu papel y aporta pruebas.

Diseños seleccionados

Astraform Creative Agency Portfolio

Portafolios

¿Qué diseño encaja con tu proyecto?

Kuro Storytelling & Portfolio: Para una historia de producto guiada: Kuro utiliza una narrativa sobre una hoja. Para convertirla en un portafolio, sustituye la historia por tus proyectos, tu función y las pruebas de tu trabajo; mantén los resúmenes legibles sin animación.
Astraform Creative Agency Portfolio: Para agencias: conecta trabajos con servicios contratables. Usa equipo, alcance y contactos reales.
MeStudio Portfolio & Gallery: Para trabajos visuales: aporta secuencia, pies y créditos propios. Mantén el contexto legible con movimiento reducido.
Aster Hale Design Portfolio: Para diseñadores independientes: conecta proyectos, capacidades y proceso. Explica entregables reales y contacto.

Estos diseños no están disponibles ahora. Explora la biblioteca. Explorar biblioteca

Las vistas previas interactivas son públicas. Los ZIP de código y los prompts asociados disponibles requieren iniciar sesión y el paquete de prompts o la membresía correspondiente.

Empieza con el código o con un brief

Compara Aster Hale para diseño de producto, MeStudio para fotografía y Astraform para una agencia. Kuro es un relato de producto inspirado en una hoja; necesita adaptación para ser un portafolio. Antes de elegir, consulta los archivos, dependencias y acceso a la descarga en cada ficha.

Elige según la función de tu página

Explica rol, limitación y resultado respaldado en cada proyecto. Identifica ejercicios ficticios y distingue tu aporte del trabajo del equipo.

Usa una secuencia para relatos, un resumen para agencias y pies legibles para imágenes. Permite explorar y leer rápidamente.

Sustituye imágenes, credenciales y contactos de ejemplo. Revisa créditos, permisos, lectura móvil y una vía de contacto real.

Un brief de adaptación original

Neruve escribió este brief ficticio, separado de los prompts de pago. El texto inglés se conserva para reproducirlo.

Mira Chen is a fictional independent product designer.
Create a warm-neutral portfolio with three clearly labelled fictional projects.
For each project explain the role, constraint and illustrative outcome.
The primary link is “View selected work” and targets #projects.
Do not invent awards, employer logos, real contact addresses or business metrics.
Use semantic HTML, one clear h1, readable contrast and visible keyboard focus.
Support a 390 px mobile view without horizontal overflow and reduced motion.

Qué comprobar en el resultado

Comprueba vistas de 390 px y escritorio: encabezado claro, texto legible, enlaces funcionales, foco de teclado visible y ausencia de desbordamiento horizontal. Sustituye las afirmaciones de ejemplo por hechos verificados.

De una referencia a tu propio sitio

Previsualiza el diseño sin iniciar sesión; revisa los archivos de código y el prompt disponibles antes de elegir un plan.
Conserva el prompt original y añade un brief separado con público, contenido real, marca y comportamiento requerido.
Antes de publicar, revisa escritorio y móvil, enlaces, teclado, afirmaciones y movimiento reducido.

La referencia es un punto de partida. El resultado cambia según el modelo, herramienta y versión; los archivos y el acceso dependen del recurso y plan.