Workshop Diseño Expandido: Armá tu Sitio Web en una Clase – Virtual

• Fecha: Viernes 6 de noviembre del 2026
  Horario: 18 a 21 hs
  Duración: 3 hs.

Todas aquellas personas que diseñan, crean o desarrollan productos, servicios o proyectos en el mundo físico y desean incorporar herramientas digitales para comunicar, presentar y potenciar su trabajo.

Dirigido especialmente a estudiantes y egresados de disciplinas proyectuales como arquitectura, interiorismo, construcción, paisajismo, diseño de producto físico, así como también a perfiles creativos, marcas y servicios que busquen ampliar su práctica hacia el entorno digital.

No se requieren conocimientos previos en diseño digital.

Brindar a los participantes herramientas conceptuales y prácticas para transformar una propuesta analógica en una primera web de presentación publicada en internet, incorporando nociones básicas de experiencia de usuario, interfaz y prototipado asistido por inteligencia artificial.

Al finalizar el workshop el participante podrá:

• Comprender qué es un producto digital y su relación con el mundo físico.
• Identificar oportunidades de expansión digital dentro de su práctica.
• Adquirir vocabulario básico de interfaz para interactuar con herramientas digitales e inteligencia artificial.
• Aplicar principios simples de usabilidad.
• Estructurar una propuesta digital con ayuda de inteligencia artificial.
• Reconocer los componentes principales que conforman una web de presentación.
• Comprender la lógica de Atomic Design como sistema de piezas combinables.
• Organizar contenidos, secciones e interacciones básicas para una web.
• Desarrollar y publicar una primera web de presentación clara, atractiva y funcional.

Acceso a computadora con conexión a Internet.
Se recomienda contar con cámara y micrófono para una mejor interacción durante la actividad.
Manejo básico de herramientas digitales.
Se sugiere asistir con una idea, producto, servicio, proyecto, estudio o marca personal sobre la cual trabajar durante el workshop.
También se recomienda contar con material propio disponible, como textos, imágenes, referencias visuales, portfolio, redes sociales o ejemplos de trabajos realizados.

Los alumnos formarán parte de una comunidad virtual a la que accederán con nombre de usuario y contraseña y una clave de ingreso al curso (éstas se enviarán por email unos días antes del comienzo del mismo).

Al ingresar al aula virtual se podrá bajar el material teórico a la computadora, leerlo directamente o imprimirlo sin estar conectado a Internet.

Se proveerán guías explicativas sobre el funcionamiento de la modalidad.

Los alumnos podrán realizar consultas al profesor tutor mediante un sistema de mensajería interna o bien desde un foro de consultas, así como a sus compañeros de curso.

El alumno dispondrá de un Foro de asistencia tecnológica de la plataforma.

En algunas actividades se podrá utilizar cámara fotográfica digital tanto como medio para recabar imágenes como para fotografiar dibujos o esquemas propios que se insertarán en los trabajos prácticos (también se podrá utilizar scanner).

Módulo I 
Introducción al producto digital
Concepto de producto digital. Diferencias y vínculos con el producto físico.
Sistemas híbridos. Casos y ejemplos aplicados a disciplinas proyectuales.
La web como extensión digital de una práctica, servicio, estudio o proyecto.

Módulo II
Lenguaje de interfaz UI
Glosario básico de componentes digitales: secciones, navegación, botones, cards, formularios, jerarquía visual, encabezados, llamados a la acción e imágenes.
Introducción a la anatomía de una interfaz.
Cómo nombrar lo que queremos construir para poder diseñarlo mejor con herramientas digitales e inteligencia artificial.

Módulo III
Interacciones y lógica de construcción de una web
Introducción a las interacciones básicas dentro de una web de presentación.
Botones, enlaces, navegación, desplazamiento, formularios y recorridos de lectura.
Claridad, orden y toma de decisiones dentro de una interfaz.
Cómo pensar una web no solo como una pieza visual, sino como una experiencia que guía a una persona.

Módulo IV
Atomic Design: construir con piezas
Introducción al enfoque de Atomic Design como sistema de construcción digital.
La interfaz entendida como un conjunto de piezas pequeñas que se combinan para formar estructuras más complejas.
Relación entre átomos, moléculas, organismos, secciones y páginas.
Ejemplos aplicados a una web de presentación: textos, botones, imágenes, cards, bloques de contenido, navegación y formularios.
Atomic Design como una lógica similar al Lego: primero se entienden las piezas, luego se combinan para construir una experiencia completa.

Módulo V
Estructuración de la propuesta con inteligencia artificial
Definición del proyecto: producto, servicio, práctica profesional, estudio o marca personal.
Uso de herramientas de inteligencia artificial para generar estructura, contenidos y narrativa.
Construcción de una propuesta de valor clara.
Organización de secciones para una web de presentación: inicio, servicios, proyectos, sobre mí / sobre el estudio, contacto y llamados a la acción.

Módulo VI
Exploración visual y referencias
Búsqueda de estilos visuales y referencias.
Introducción a herramientas de exploración y composición visual.
Definición del look & feel del proyecto.
Relación entre identidad visual, tono de comunicación y experiencia digital.

Módulo VII
Prototipado y construcción de la web de presentación
Introducción a herramientas de prototipado asistido.
Construcción de una web de presentación funcional a partir de la estructura trabajada.
Aplicación de componentes, secciones e interacciones básicas.
Publicación de una primera versión online del proyecto.

Workshop intensivo de 3 horas:
1 y 1/2 hora de contenidos teóricos + 1 y 1/2 hora de práctica guiada.

Modalidad online sincrónica.
El workshop combina una primera instancia expositiva con una segunda instancia práctica guiada, donde los participantes desarrollan su propio proyecto en tiempo real.
Se promueve una dinámica activa, aplicada y orientada a resultados concretos.
La propuesta está pensada para que los participantes no solo incorporen conceptos, sino que puedan aplicarlos durante la clase en la construcción de una primera web publicada en internet.

Durante el workshop los participantes:

• Definirán su propuesta a partir de un formulario guiado.
• Organizarán la información principal de su proyecto, servicio o práctica.
• Identificarán las piezas básicas que necesita su web: textos, secciones, botones, imágenes, navegación y llamados a la acción.
• Utilizarán herramientas de inteligencia artificial para estructurar contenidos.
• Explorarán referencias visuales para definir una dirección estética.
• Aplicarán una lógica de construcción por componentes inspirada en Atomic Design.
• Desarrollarán una web de presentación clara, navegable y funcional.
• Publicarán una primera versión online de su proyecto.

✔ Certificado de Asistencia
  Avalada por EAD Escuela Argentina de Diseño
  Condición: Participación virtual en el Workshop.