Proyecto integrador · Presencia digital empresarial con IA
Reto: Diseñar y publicar tu presencia digital profesional como editor responsable: un portafolio en línea + manual de marca personal + pieza de red, con la IA como asistente y con al menos el 30~% del contenido editado a mano. La pieza final debe poder mostrarse el día de la sustentación a un empleador o universidad.
En las plazas de Cartago hubo durante décadas un maestro fotógrafo que firmaba cada copia con un sello pequeño en la esquina inferior derecha: "Fotografías Pereira, Cartago." Esa firma era compromiso de oficio: si alguien reclamaba, sabía dónde tocar la puerta; si quería más copias en diez años, sabía a quién buscar. Tu presencia digital es la misma firma del siglo XXI: cada post, cada copy, cada imagen lleva tu nombre asociado. La diferencia entre el maestro fotógrafo y un usuario casual de Instagram no es el medio: es la responsabilidad asumida al firmar.
- 📦 Plantilla HTML/CSS responsive (entrega el docente) o acceso a Astro/Next starter
- 📦 Cuenta gratuita Netlify, Vercel o GitHub Pages para deploy
- 📦 Acceso a IA generativa: Claude, Gemini o ChatGPT (cualquiera basta)
- 📦 Acceso a Canva o Figma free para diseño de marca y pieza de red
- 📦 3 portafolios referentes elegidos (links que el equipo investigará)
- 📦 Validador de contraste WCAG (webaim.org/resources/contrastchecker)
Las 10 sesiones del período cuyas competencias se ponen en juego en este proyecto.
- 1 Marca personal: del oficio heredado a la huella propia
- 2 Identidad visual: paleta, tipografía, lockup coherente
- 3 Sitio web personal: arquitectura y propósito
- 4 Plantillas: elegir y adaptar sin perder la voz propia
- 5 Copywriting con IA: criterio, no copia ciega
- 6 SEO básico: visibilidad sin engaño
- 7 Imagen propia: foto y video con propósito
- 8 Perfiles profesionales: LinkedIn y portafolio coherentes
- 9 Métricas básicas: quién entra y qué busca
- 10 Lanzamiento: presencia digital pública con responsabilidad
Entregables del proyecto
4 entregablesCada entregable es una unidad cerrada: qué se entrega, cómo se hace, reflexión incrustada del triángulo (Dussel · Estoico · Floridi), y criterios observables.
Portafolio digital publicado
Dussel · voz reconocidaQué entregas
URL pública en Netlify, Vercel o GitHub Pages con 4 secciones obligatorias: portada, sobre mí, 3 proyectos seleccionados con su contexto, contacto. El sitio debe cargar en menos de 3 segundos en móvil y respetar contraste WCAG AA.
Cómo se hace
- 1 Definir audiencia objetivo: edad, contexto, qué busca al llegar al sitio
- 2 Investigar 3 portafolios referentes y extraer principios visuales y de copy
- 3 Redactar copy de cada sección con IA y editar a mano al menos el 30%
- 4 Adaptar plantilla con tu paleta y tipografía, deployar y enviar URL
💭 A quién no estoy atendiendo aún
Agrega a tu sección "Sobre mí" un párrafo de 3 renglones titulado "A quién no estoy atendiendo aún". Reconoce honestamente una audiencia que tu portafolio actual deja por fuera (por idioma, por accesibilidad técnica, por contexto cultural, por costo de la tecnología necesaria para llegar a él) y explica por qué. Ese párrafo es público en el sitio, no anexo escolar. Sostenerlo te obliga a no maquillar la exclusión.
Criterios observables
- ✓ URL pública funcionando (no localhost ni borradores)
- ✓ Contraste WCAG AA verificado en validador (4.5:1 para texto)
- ✓ Carga inicial en móvil < 3 segundos (test en celular real)
- ✓ 30% mínimo del copy reescrito a mano sobre el borrador de IA
- ✓ Párrafo de Dussel publicado en 'Sobre mí'
Manual de marca personal (PDF 2 páginas)
Estoico · disciplina del tiempoQué entregas
PDF de 2 páginas con: wordmark o logo simple, paleta con hex codes y verificación de contraste, tipografía elegida con justificación, tono de voz definido con 3 ejemplos de uso (formal, semi-formal, casual).
Cómo se hace
- 1 Analizar 3 marcas personales que admiras y extraer principios
- 2 Definir paleta de 3-4 colores y probar contraste WCAG
- 3 Elegir tipografía consistente con el oficio (no la de moda)
- 4 Escribir 3 ejemplos del mismo mensaje en 3 tonos distintos
- 5 Diseñar el PDF en Canva o Figma y exportar
💭 Lo que me comprometo a sostener
Termina el PDF con un párrafo titulado "Lo que me comprometo a sostener". Declara la disciplina que exige tu marca para que no degenere en 6 meses: consistencia de paleta aunque haya tentación de probar lo nuevo, voz definida aunque cambien las modas, no caer en plantillas genéricas para ahorrar tiempo. Ese compromiso queda firmado en el PDF, con tu nombre y fecha. El estoico entiende que firmar es sostener.
Criterios observables
- ✓ Paleta con 3-4 colores y al menos 3 contrastes verificados
- ✓ Tipografía justificada (por qué esa y no otra)
- ✓ 3 ejemplos del mismo mensaje en 3 tonos contrastados
- ✓ Compromiso firmado con nombre y fecha
- ✓ Coherencia visual con el portafolio (mismo wordmark, misma paleta)
Pieza de red + análisis de métricas básicas
Floridi · infoesferaQué entregas
Publicación en LinkedIn o Instagram anunciando tu portafolio. Después de 7 días, screenshot de las métricas observadas (impresiones, alcance, clics al sitio) y reporte de 1 página con 1 insight accionable basado en esos datos.
Cómo se hace
- 1 Diseñar pieza visual con la paleta del manual de marca
- 2 Redactar texto del post con IA y editar tono
- 3 Publicar en horario razonable (no madrugada)
- 4 Esperar 7 días sin tocar la publicación
- 5 Analizar métricas y escribir el insight accionable
💭 Mi pieza en la infoesfera
En el reporte de 1 página, agrega una sección titulada "Mi pieza en la infoesfera". Reconoce qué información agregó tu pieza a la conversación común: ¿enriqueció la infoesfera con un aporte profesional, o solo agregó ruido más? ¿Qué responsabilidad ética asumes por el contenido que dejas circulando? Esa reflexión queda en el reporte que entregas al docente, no como anexo: es parte del entregable.
Criterios observables
- ✓ Pieza visual coherente con manual de marca (paleta y tipografía)
- ✓ Métricas reales con screenshot fechado
- ✓ 1 insight accionable (no vanity stat sin propuesta)
- ✓ Reflexión Floridi publicada en el reporte
- ✓ Cero clickbait o engaño en el copy del post
Sustentación pública + declaración honesta de IA
Dussel · voz reconocidaQué entregas
Sustentación oral de 5 minutos frente al grupo (puede ser remota) + carta firmada de 1 página declarando uso de IA durante el periodo: qué modelos usaste, qué porcentaje del contenido se generó con IA, qué porcentaje editaste a mano, qué decisión tomaste por aplicar cada lente del triángulo.
Cómo se hace
- 1 Preparar guion de 5 min siguiendo la estructura sugerida (ver abajo)
- 2 Ensayar 2 veces midiendo el tiempo
- 3 Escribir carta firmada con porcentajes verificables
- 4 Mencionar las 3 lentes del triángulo y la decisión concreta por cada una
- 5 Sustentar el día acordado con todos los entregables en pantalla
💭 Integración del triángulo en mi proyecto
En la carta firmada, dedica un párrafo a cada lente del triángulo (3 párrafos en total). En cada uno responde: ¿qué decisión concreta tomé en mi proyecto por aplicar esta lente? No vale "aprendí a ser más ético". Vale: "por Dussel, agregué la sección 'a quién no estoy atendiendo' y reconocí que mi sitio no está traducido al inglés ni accesible para lectores de pantalla, lo cual me comprometo a corregir en la v2". Honestidad operativa, no retórica.
Criterios observables
- ✓ Sustentación dura exactamente 5 minutos (no más, no menos)
- ✓ Carta firmada con porcentajes verificables (no inventados)
- ✓ Las 3 lentes del triángulo se mencionan con decisión concreta tomada
- ✓ Demo real de los 3 entregables anteriores funcionando
- ✓ Honestidad ante preguntas duras (reconoce limitaciones sin inventar)
Un criterio por entregable + uno transversal de comunicación/triángulo. Niveles: Excelente (5) · Aceptable (3) · Por mejorar (1).
| Criterio | 5 Excelente | 3 Aceptable | 1 Por mejorar |
|---|---|---|---|
| Entregable 1 | URL pública, todos los criterios cumplidos, párrafo de Dussel visible y bien escrito | URL pública pero falla en 1-2 criterios (contraste insuficiente o carga lenta) | Sin URL pública, o múltiples criterios incumplidos |
| Entregable 2 | PDF completo, paleta verificada, 3 ejemplos de voz, compromiso firmado | PDF con falla en 1-2 criterios (sin verificación de contraste o ejemplos genéricos) | PDF incompleto o sin compromiso firmado |
| Entregable 3 | Pieza coherente con marca, métricas reales con insight accionable, Floridi explícito | Pieza publicada pero con métricas vacías o insight superficial | Pieza no publicada o sin reflexión Floridi |
| Entregable 4 | 5 min exactos, las 3 lentes con decisión concreta, demo en vivo de los 3 productos | Sustentación con tiempo descontrolado o triángulo abordado superficialmente | No sustentó o demo falló sin reconocer el fallo |
| Comunicación, sustentación e integración del triángulo | Voz propia clara, coherencia visual entre entregables, decisión honesta por cada lente | Voz propia presente pero inconsistente; integración del triángulo parcial | Sin voz propia identificable o triángulo ausente |
Guion sugerido para la presentación final ante el grupo y la profe/el profe.
- 1 1 min · Audiencia objetivo y reto: por qué este portafolio y para quién
- 2 2 min · Demo en vivo de los 3 entregables principales (URL, PDF, post)
- 3 1 min · Integración del triángulo: una decisión concreta por cada lente
- 4 30 seg · Limitaciones reconocidas (qué no logré, por qué)
- 5 30 seg · Plan de v2: qué corregirías en los próximos 3 meses
Tu carta firmada de 1 página debe declarar honestamente: (1) Modelos usados durante el periodo (Claude, Gemini, ChatGPT, etc.). (2) Porcentaje aproximado del contenido total que se generó con IA (sé honesto, no maquilles). (3) Porcentaje editado a mano sobre lo generado (mínimo 30~% para que el contenido sea legítimamente tuyo). (4) Una decisión concreta que tomaste tú —sin IA— sobre el proyecto, y por qué (ej. "decidí no traducir mi sitio al inglés porque mi audiencia es local").
Cierras el periodo 1 con tu firma pública en el oficio digital. El periodo 2 (Automatización y procesos) te pedirá llevar esta misma disciplina a procesos repetitivos que automatizarás con IA. El maestro fotógrafo se va contigo a programar Zapier.
Marca esta proyecto como completada
Cargando tu progreso…
Envíaselo a quien lo necesite
Tus compañeras y compañeros, padres o profesores pueden abrir esto directamente en su celular sin instalar nada.