SlideShare une entreprise Scribd logo
1  sur  39
PORTAFOLIO
identidad profesional
escuela de diseño y multimedia
Jorge Cantú L. jorgecantu@arcos.cl
programa de la asignatura
programa de la asignatura
fundamentos
El ámbito de competencias del comunicador está actualmente
marcado muy fuertemente por las nuevas tecnologías digitales
de información y comunicación. Es fundamental que el
comunicador maneje adecuadamente los soportes digitales que
le permitirán proyectar su trabajo profesionalmente.
En esta asignatura se brindarán las herramientas teóricas y
prácticas para que el estudiante diseñe, construya y publique un
portafolio interactivo en un soporte digital.
programa de la asignatura
objetivos
Conocer y comprender los beneficios y desafíos de la
comunicación a través de medios digitales.
Desarrollar propuestas y reconocer problemáticas de la
comunicación multimedial al proyectar modelos de
conceptualización, interacción, navegación e interfaces, que le
permitan llevar a cabo un portafolio digital e interactivo de su
trabajo profesional.
programa de la asignatura
contenidos
● El Portafolio Profesional, su importancia y formatos
disponibles.
● Soportes y plataformas Digitales
● Definición de objetivos e identificación de públicos objetivos
● Esquemas de contenido, interacción y navegación.
● Herramientas de Desarrollo
● Publicación de Portafolio Profesional
programa de la asignatura
evaluaciones
Se realizará solo un proyecto durante el curso, con entregas
intermedias de distintas etapas de trabajo.
definición de objetivos y contenidos 10%
resumen o miniCV
30%
portafolio institucional (arcos) 20%
linkedin + plataforma online 10%
sitio web
30%
el portafolio
definiciones
portafolio: selección y/o recopilación organizada
de una obra o trabajos con la intención de dar a
conocer habilidades y competencias.
En el campo del diseño y el arte, el portafolio ha sido el
instrumento básico utilizado para mostrar y acreditar el trabajo y
la trayectoria profesional ante el espectador o posible “cliente”.
tipos de portafolio
formatos impresos
Carpeta o book de trabajo
Tríptico, zig-zag, acordeón, etc.
formatos digitales
PDF
Sitio Web
CMS
CD interactivo
Audiovisual (reel, DVD)
Web especializada
formatos digitales
ventajas
El portafolio impreso o carpeta de trabajo da paso plataformas
más dinámicas, transformándose en un contenedor de recursos
digitales interconectados.
- Facilita el acceso al portafolio en cualquier momento.
- Alto nivel de portabilidad y facilidad de distribución.
- Rapidez para actualizar contenidos.
- Integración de múltiples medios (imágenes, animaciones, video, etc.)
- Permite incluir vínculos a información relevante, sitios web,
proyectos en curso y colaboradores online.
formatos digitales
PDF
- Archivo electrónico de lectura, requiere de un programa
lector (Acrobat Reader).
- Documento capaz de contener varias páginas (imagen, texto
y algunas aplicaciones extras).
- De peso medio, pero de fácil distribución (mail, online, cd,
usb, etc.)
- Se puede modificar y publicar fácilmente.
- No tiene movimiento.
- Puede contener enlaces.
formatos digitales
Sitio Web
- Alto impacto
- Fácil distribución
- Requiere inversión (dominio y hospedaje)
- Manejo de aplicaciones complejas
- Su actualización requiere tiempo
- Permite manejar imagen, video y sonido.
formatos digitales
CMS
- Impacto Medio
- Fácil distribución
- Inversión muy baja y muchas veces gratuita
- Fácil actualización
- Manejo de imagen, video y texto
- Relativamente poca personalización
formatos digitales
CD Interactivo
- Elaboración compleja
- Alto impacto
- Manejo de imagen, video, texto e interactividad
- Distribución personal (Cd)
- Inversión Media
- Actualización compleja
formatos digitales
Audiovisual
- Alto impacto
- Manejo de video, animación, texto y sonido
- Manejo de aplicaciones relativamente complejas
- Inversión Media
- Actualización compleja
- Distribución online o física
formatos digitales
Web especializada
- Sitios web que ofrecen alojamiento de portafolios online
- Promoción a través del sitio
- Impacto Medio
- Bajo costo o muchas veces gratuito
- Fácil actualización
- Mucha competencia
- Fácil distribución
nuestro portafolio digital
consideraciones
presentación
El portafolio debe ser lo mejor de nuestro trabajo, mostrado en
un formato de fácil acceso y manipulación.
La manera como las imágenes son organizadas, incluso su
cantidad, la temática, el modo de presentarlas, constituyen los
diferentes elementos en torno al concepto de lo que es un
portafolio.
consideraciones
recomendaciones
- Debe estar en sintonía con el sector al que se dirige.
- Diseño atractivo y fácil de usar.
- Control de la tipografía considerando localización del texto y
navegación adecuada.
- Mostrar imágenes y objetos en un formato y tamaño
adecuado.
- Dar detalles del trabajo realizado (para quién era el proyecto,
cuáles eran los objetivos, qué tarea concreta realizó, con quien
colaboró, etc.) Para describir y explicar y responder a las
preguntas del “lector”.
proceso de definiciones
declarar objetivos
El primer aspecto a resolver es para qué vamos a realizar esta
recopilación. Entre los objetivos posibles:
- Conseguir ser contratado en un trabajo
- Conseguir nuevos clientes
- Darse a conocer profesionalmente
- Obtener reconocimiento de los pares
- Exhibición / interacción entre autor y otras personas
- Reflexión / evaluación de contenidos
proceso de definiciones
¿a quién va dirigido?
Al ser un instrumento para mostrar competencia profesional
debe estar en sintonía con el sector al que se dirige.
Debe diseñarse pensando en la audiencia :
- Productora
- Agencia de diseño o publicidad
- Editorial
- Empresa Privada
- Servicio para particulares, etc.
proceso de definiciones
¿a quién va dirigido?
Es importante responder a tres preguntas.
¿Para quién o quiénes se esta haciendo el portafolio?
¿Cuál es la necesidad del destinatario?
¿Qué necesita saber de mi?
proceso de definiciones
contenidos básicos
- Trabajos y proyectos: Personales y/o colectivos
- Información personal: datos de la persona, intereses,
opiniones, actividades sociales, lugares visitados, etc.
- Objetivos y planes.
- Educación y méritos académicos: Formación, cursos, becas,
premios…
- Experiencia profesional: roles ocupados, tareas,
responsabilidades, etc.
proceso de definiciones
organización contenidos
Como es difícil tener un portafolio a la medida de cada posible
destinatario, es conveniente disponer de secciones ordenadas
de manera racional a partir de unidades temáticas claramente
identificables:
- Por género
- Por técnica utilizada
- Por año de realización
- Por grado de complejidad, etc.
proceso de definiciones
contenido relevante
Muestras de trabajo auténtico, utilizando imágenes a tamaño
adecuado y dando en lo posible detalles del proyecto o encargo,
para quién era el proyecto, cuáles eran los objetivos, qué tarea
concreta se realizó, con quien se colaboró, aspectos técnicos,
software utilizado, y toda otra información que pueda ser
relevante para el destinatario.
proceso de definiciones
antecedentes personales
Además de las imágenes de trabajos, se deberá incluir una
reseña o biografía. Ésta, no debiera ser muy extensa y tendría
que mencionar las realizaciones más significativas, estudios
cursados, antecedentes laborales, manejo de software, etc.
Es importante también entregar una visión personal respecto al
interés en la especialidad y las cualidades personales como
profesional.
proceso de definiciones
identidad personal
Junto con los antecedentes personales, es importante definir
una imagen única que funcione como Avatar o identidad virtual
para ser ocupada en las múltiples plataformas. Es fundamental
que el lector pueda hacerse una perspectiva integral y sistémica
de las distintas piezas comunicativas con las que se encuentra.
Esta imagen o Avatar funcionará de forma similar como lo haría
una marca o logotipo.
proceso de definiciones
datos de contacto
Es imprescindible incluir el correo electrónico y teléfono para
contacto directo.
Es deseable incluir además URLs de sitios, galerías o perfiles
profesionales: son recomendables Linkedin, flickr, deviantart,
entre otros.
No es recomendable incluir las web personales que no sean
relativas al tema profesional, tales como Facebook o twitter.
advlemmix.com
analogfolk.com
benjaminwachenje.co.uk
bergh.dk
brook-pifer.com
calibrepics.com
ciriljazbec.com
clarksstudio.com
creamscoop.com
crisortega.com
detremmerie.be
dhmdesign.nl
double-whammy.com
douglasfisher.co.uk
dvein.com
referencias
eccentris.com
eendar.com
exactitudes.com
filippasmedhagensund.com
freakyfacets.com
fwaphoto.com
geraldmoll.de
henkgruppen.nl
jeremycowart.com
johnwrightphoto.com
joshuastearns.com
juliewest.com
madebygiant.com
manipulator.com
milesaldridge.com
ninjacruise.com
oasim.com
opcd.net
rw2studios.com
sasokos.com
scarygirl.com
shamrocking.com
shuakashi.com
steffenjahn.com
tesisweb.com.br
timothy-hogan.com
tomnagy.com
vilamajo.com
werkstette.dk
zerostyle.co
referencias
listados de enlaces
- 30 Portafolios de diseño creativos y llamativos
- Top 10 web design portfolios of 2015
- 200 Sitios de portfolio para inspiración del diseño web
el proyecto
entrega 1
Declaración de Objetivos:
Cuál es la función que tendrá el Portafolio. Plantear el ámbito de la industria al que
apuntar y las características que se tienen que relevar.
Definición de Audiencias:
Quién/es van a revisar y evaluar el Portafolio. Definir un perfil de audiencia, describiendo
sus necesidades y lo que busca en un profesional a contratar.
Organización de contenidos:
Esquema gráfico de la clasificación de los trabajos, categorías y otros contenidos.
Referentes visuales:
Muestra de imágenes o estéticas visuales que inspirarán el diseño del Portafolio.
Formato de entrega:
Documento digital (PDF), envío a jorgecantu@arcos.cl
.
entrega 2
Resume o miniCV creativo
- Identificación personal
- Datos de contacto (email, fono, web y linkedin como mínimo)
- Educación
- Experiencia
- Habilidades e intereses
- Gráfica coherente con objetivos planteados
Formato de entrega:
Documento digital (PDF) formato carta (1 página),
envío a jorgecantu@arcos.cl
.
entrega 3
Portafolio institucional y online
- Utilización de plataforma portafolio.arcos.cl
- Utilización de plataforma online (dribbble, behance, deviantart, etc.)
- Reseña o texto biográfico (entre 60 y 100 palabras)
- Imagen de identidad personal o avatar
- Datos de contacto
- Organización de trabajos en 4 o 5 categorías o proyectos, incluyendo 4 o 5
trabajos por categoría (todos con descripción)
Formato de entrega:
link del portafolio (ej: http://portafolio.arcos.cl/portafolio.php?ida=123#)
envío a jorgecantu@arcos.cl
.
entrega final
PortafolioWeb Personal
- Utilización de plataforma wordpress, wix, tumblr u otra
- Uso de plantilla de galería (portafolio/fotográfica/video) personalizada
- Reseña o texto biográfico, datos de contacto y links (linkedin, otros)
- Descarga de Curriculum creativo (PDF)
- Organización de trabajos en categorías o proyectos, incluyendo al menos 4 o 5
trabajos por categoría (todos con descripción)
Formato de entrega:
link del portafolio (ej: http://portafolio.wordpress.com)
envío a jorgecantu@arcos.cl
. p

Contenu connexe

En vedette

Historia del Diseño Gráfico - Portafolio Digital
Historia del Diseño Gráfico - Portafolio DigitalHistoria del Diseño Gráfico - Portafolio Digital
Historia del Diseño Gráfico - Portafolio DigitalAlejandro Correa
 
Portafolio de presentación mpmr
Portafolio de presentación mpmrPortafolio de presentación mpmr
Portafolio de presentación mpmrpmestre
 
Plataforma E English
Plataforma E EnglishPlataforma E English
Plataforma E Englishogutierrez86
 
Jhon castrellón portafolio presentación
Jhon castrellón portafolio presentaciónJhon castrellón portafolio presentación
Jhon castrellón portafolio presentaciónIngjhonj
 
Portafolio Profesional de Diseño Gráfico de Meza Estudio
Portafolio Profesional de Diseño Gráfico de Meza EstudioPortafolio Profesional de Diseño Gráfico de Meza Estudio
Portafolio Profesional de Diseño Gráfico de Meza EstudioMeza Estudio
 
portafolios de presentación
 portafolios de presentación portafolios de presentación
portafolios de presentaciónBernardo Sanchez
 
Portafolio profesional Nahitsory Gonzalez
Portafolio profesional Nahitsory GonzalezPortafolio profesional Nahitsory Gonzalez
Portafolio profesional Nahitsory Gonzalezngdeleon
 
Portafolio de Diseño Grafico
Portafolio de Diseño GraficoPortafolio de Diseño Grafico
Portafolio de Diseño GraficoEduardo Armas
 
Book Gabriela Gil
Book Gabriela GilBook Gabriela Gil
Book Gabriela Gilfalecomgabi
 
El Portafolio Profesional Taller De Portafolio Electronico
El Portafolio Profesional Taller De Portafolio ElectronicoEl Portafolio Profesional Taller De Portafolio Electronico
El Portafolio Profesional Taller De Portafolio ElectronicoDE Prof. Nilda Santiago Lebron
 
Introducción: Portafolio Profesional
Introducción: Portafolio ProfesionalIntroducción: Portafolio Profesional
Introducción: Portafolio ProfesionalDavid Recio Moreno
 
Preparacion Del Portafolio Profesional
Preparacion Del Portafolio ProfesionalPreparacion Del Portafolio Profesional
Preparacion Del Portafolio ProfesionalMarisol Martinez-Vega
 

En vedette (13)

Historia del Diseño Gráfico - Portafolio Digital
Historia del Diseño Gráfico - Portafolio DigitalHistoria del Diseño Gráfico - Portafolio Digital
Historia del Diseño Gráfico - Portafolio Digital
 
Portafolio de presentación mpmr
Portafolio de presentación mpmrPortafolio de presentación mpmr
Portafolio de presentación mpmr
 
Plataforma E English
Plataforma E EnglishPlataforma E English
Plataforma E English
 
Jhon castrellón portafolio presentación
Jhon castrellón portafolio presentaciónJhon castrellón portafolio presentación
Jhon castrellón portafolio presentación
 
Portafolio Profesional de Diseño Gráfico de Meza Estudio
Portafolio Profesional de Diseño Gráfico de Meza EstudioPortafolio Profesional de Diseño Gráfico de Meza Estudio
Portafolio Profesional de Diseño Gráfico de Meza Estudio
 
portafolios de presentación
 portafolios de presentación portafolios de presentación
portafolios de presentación
 
Diseño Industrial Portafolio
Diseño Industrial PortafolioDiseño Industrial Portafolio
Diseño Industrial Portafolio
 
Portafolio profesional Nahitsory Gonzalez
Portafolio profesional Nahitsory GonzalezPortafolio profesional Nahitsory Gonzalez
Portafolio profesional Nahitsory Gonzalez
 
Portafolio de Diseño Grafico
Portafolio de Diseño GraficoPortafolio de Diseño Grafico
Portafolio de Diseño Grafico
 
Book Gabriela Gil
Book Gabriela GilBook Gabriela Gil
Book Gabriela Gil
 
El Portafolio Profesional Taller De Portafolio Electronico
El Portafolio Profesional Taller De Portafolio ElectronicoEl Portafolio Profesional Taller De Portafolio Electronico
El Portafolio Profesional Taller De Portafolio Electronico
 
Introducción: Portafolio Profesional
Introducción: Portafolio ProfesionalIntroducción: Portafolio Profesional
Introducción: Portafolio Profesional
 
Preparacion Del Portafolio Profesional
Preparacion Del Portafolio ProfesionalPreparacion Del Portafolio Profesional
Preparacion Del Portafolio Profesional
 

Similaire à Portafolio digital

introducción Portafolios Digitales
introducción Portafolios Digitalesintroducción Portafolios Digitales
introducción Portafolios DigitalesJorge Cantú López
 
Introduccion Portafolioweb
Introduccion PortafoliowebIntroduccion Portafolioweb
Introduccion PortafoliowebT T
 
La experiencia de usuario. Definiciones y metodologías
La experiencia de usuario. Definiciones y metodologíasLa experiencia de usuario. Definiciones y metodologías
La experiencia de usuario. Definiciones y metodologíasAlejandro Cárdenas
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoThe Social Experience
 
Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2mariaerica
 
Diseño del proyecto multimedia
Diseño del proyecto multimediaDiseño del proyecto multimedia
Diseño del proyecto multimediaPablo Hamada
 
Taller de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebTaller de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebPaulo Saavedra
 
Diseño De Un Producto Multimedia
Diseño De Un Producto MultimediaDiseño De Un Producto Multimedia
Diseño De Un Producto MultimediaGrace Ramirez
 
Proyecto integrador parte 1 ggmr
Proyecto integrador parte 1 ggmrProyecto integrador parte 1 ggmr
Proyecto integrador parte 1 ggmrGrace Ramirez
 
SLIDESHARE: USO Y APLICACIONES EN LA GERENCIA
SLIDESHARE: USO Y APLICACIONES EN LA GERENCIASLIDESHARE: USO Y APLICACIONES EN LA GERENCIA
SLIDESHARE: USO Y APLICACIONES EN LA GERENCIAkayrelcarvallo
 
Portafolio digital
Portafolio digitalPortafolio digital
Portafolio digitalalvaroyair
 
FormatoActividadAprendizaje Daniel Fernández (1).docx
FormatoActividadAprendizaje Daniel Fernández (1).docxFormatoActividadAprendizaje Daniel Fernández (1).docx
FormatoActividadAprendizaje Daniel Fernández (1).docxDanielFernandez389
 
GUA SOBRE LAS HERRAMIENTAS TIC
GUA SOBRE LAS HERRAMIENTAS TICGUA SOBRE LAS HERRAMIENTAS TIC
GUA SOBRE LAS HERRAMIENTAS TICleider hernandez
 

Similaire à Portafolio digital (20)

introducción Portafolios Digitales
introducción Portafolios Digitalesintroducción Portafolios Digitales
introducción Portafolios Digitales
 
Introduccion Portafolioweb
Introduccion PortafoliowebIntroduccion Portafolioweb
Introduccion Portafolioweb
 
La experiencia de usuario. Definiciones y metodologías
La experiencia de usuario. Definiciones y metodologíasLa experiencia de usuario. Definiciones y metodologías
La experiencia de usuario. Definiciones y metodologías
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 
Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2Trabajo colaborativo 2 erica castillo 37_Unidad 2
Trabajo colaborativo 2 erica castillo 37_Unidad 2
 
CREACION CONTENIDOS Mie (7 a 10 am).pptx
CREACION CONTENIDOS Mie (7 a 10 am).pptxCREACION CONTENIDOS Mie (7 a 10 am).pptx
CREACION CONTENIDOS Mie (7 a 10 am).pptx
 
Diseño del proyecto multimedia
Diseño del proyecto multimediaDiseño del proyecto multimedia
Diseño del proyecto multimedia
 
Taller de Gestión de Proyectos Web
Taller de Gestión de Proyectos WebTaller de Gestión de Proyectos Web
Taller de Gestión de Proyectos Web
 
Diseño De Un Producto Multimedia
Diseño De Un Producto MultimediaDiseño De Un Producto Multimedia
Diseño De Un Producto Multimedia
 
Proyecto integrador parte 1 ggmr
Proyecto integrador parte 1 ggmrProyecto integrador parte 1 ggmr
Proyecto integrador parte 1 ggmr
 
Presentacion
PresentacionPresentacion
Presentacion
 
SLIDESHARE: USO Y APLICACIONES EN LA GERENCIA
SLIDESHARE: USO Y APLICACIONES EN LA GERENCIASLIDESHARE: USO Y APLICACIONES EN LA GERENCIA
SLIDESHARE: USO Y APLICACIONES EN LA GERENCIA
 
Portafolio digital
Portafolio digitalPortafolio digital
Portafolio digital
 
Presentacion
PresentacionPresentacion
Presentacion
 
FORMATO DE LA EMPRESA
FORMATO DE LA EMPRESAFORMATO DE LA EMPRESA
FORMATO DE LA EMPRESA
 
Trabajo de recuperacion
Trabajo de recuperacionTrabajo de recuperacion
Trabajo de recuperacion
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
Yeisel adames 4
Yeisel adames 4Yeisel adames 4
Yeisel adames 4
 
FormatoActividadAprendizaje Daniel Fernández (1).docx
FormatoActividadAprendizaje Daniel Fernández (1).docxFormatoActividadAprendizaje Daniel Fernández (1).docx
FormatoActividadAprendizaje Daniel Fernández (1).docx
 
GUA SOBRE LAS HERRAMIENTAS TIC
GUA SOBRE LAS HERRAMIENTAS TICGUA SOBRE LAS HERRAMIENTAS TIC
GUA SOBRE LAS HERRAMIENTAS TIC
 

Plus de Jorge Cantú López

CMS (administradores de contenidos)
CMS (administradores de contenidos)CMS (administradores de contenidos)
CMS (administradores de contenidos)Jorge Cantú López
 
servidores, navegadores y desarrollo web
servidores, navegadores y desarrollo webservidores, navegadores y desarrollo web
servidores, navegadores y desarrollo webJorge Cantú López
 
Taller MM I : Análisis de audiencias
Taller MM I : Análisis de audienciasTaller MM I : Análisis de audiencias
Taller MM I : Análisis de audienciasJorge Cantú López
 
Taller MM I : facetas de la experiencia de usuario
Taller MM I : facetas de la experiencia de usuarioTaller MM I : facetas de la experiencia de usuario
Taller MM I : facetas de la experiencia de usuarioJorge Cantú López
 
Taller MM I : función del diseñador multimedia
Taller MM I : función del diseñador multimediaTaller MM I : función del diseñador multimedia
Taller MM I : función del diseñador multimediaJorge Cantú López
 
Guionmultimedia esperienciadeusuario
Guionmultimedia esperienciadeusuarioGuionmultimedia esperienciadeusuario
Guionmultimedia esperienciadeusuarioJorge Cantú López
 
Portafolio (proceso de construcción)
Portafolio (proceso de construcción)Portafolio (proceso de construcción)
Portafolio (proceso de construcción)Jorge Cantú López
 
Presentacion Crossmedia Arcos v15 2012
Presentacion Crossmedia Arcos v15 2012Presentacion Crossmedia Arcos v15 2012
Presentacion Crossmedia Arcos v15 2012Jorge Cantú López
 
Crossmedia 07: Sistemas Gestores de Comtenido
Crossmedia 07: Sistemas Gestores de ComtenidoCrossmedia 07: Sistemas Gestores de Comtenido
Crossmedia 07: Sistemas Gestores de ComtenidoJorge Cantú López
 

Plus de Jorge Cantú López (20)

Digu 05. guías de estilo
Digu 05. guías de estiloDigu 05. guías de estilo
Digu 05. guías de estilo
 
Digu 04. modelos y affordances
Digu 04. modelos y affordancesDigu 04. modelos y affordances
Digu 04. modelos y affordances
 
Digu 03. Estilos de interfaz
Digu 03. Estilos de interfazDigu 03. Estilos de interfaz
Digu 03. Estilos de interfaz
 
DIGU 02. diseño de interfaces
DIGU 02. diseño de interfacesDIGU 02. diseño de interfaces
DIGU 02. diseño de interfaces
 
DIGU 01. interfaces
DIGU 01. interfacesDIGU 01. interfaces
DIGU 01. interfaces
 
CMS (administradores de contenidos)
CMS (administradores de contenidos)CMS (administradores de contenidos)
CMS (administradores de contenidos)
 
servidores, navegadores y desarrollo web
servidores, navegadores y desarrollo webservidores, navegadores y desarrollo web
servidores, navegadores y desarrollo web
 
Modelos comunicación digital
Modelos comunicación digitalModelos comunicación digital
Modelos comunicación digital
 
Imagenes para la web
Imagenes para la webImagenes para la web
Imagenes para la web
 
Html5+css3 02
Html5+css3 02Html5+css3 02
Html5+css3 02
 
Interfaces gráficas
Interfaces gráficasInterfaces gráficas
Interfaces gráficas
 
Taller MM I : Análisis de audiencias
Taller MM I : Análisis de audienciasTaller MM I : Análisis de audiencias
Taller MM I : Análisis de audiencias
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Taller MM I : facetas de la experiencia de usuario
Taller MM I : facetas de la experiencia de usuarioTaller MM I : facetas de la experiencia de usuario
Taller MM I : facetas de la experiencia de usuario
 
Taller MM I : función del diseñador multimedia
Taller MM I : función del diseñador multimediaTaller MM I : función del diseñador multimedia
Taller MM I : función del diseñador multimedia
 
Guionmultimedia esperienciadeusuario
Guionmultimedia esperienciadeusuarioGuionmultimedia esperienciadeusuario
Guionmultimedia esperienciadeusuario
 
Portafolio (proceso de construcción)
Portafolio (proceso de construcción)Portafolio (proceso de construcción)
Portafolio (proceso de construcción)
 
Crossmedia 00: presentación
Crossmedia 00: presentaciónCrossmedia 00: presentación
Crossmedia 00: presentación
 
Presentacion Crossmedia Arcos v15 2012
Presentacion Crossmedia Arcos v15 2012Presentacion Crossmedia Arcos v15 2012
Presentacion Crossmedia Arcos v15 2012
 
Crossmedia 07: Sistemas Gestores de Comtenido
Crossmedia 07: Sistemas Gestores de ComtenidoCrossmedia 07: Sistemas Gestores de Comtenido
Crossmedia 07: Sistemas Gestores de Comtenido
 

Portafolio digital

  • 1. PORTAFOLIO identidad profesional escuela de diseño y multimedia Jorge Cantú L. jorgecantu@arcos.cl
  • 2. programa de la asignatura
  • 3. programa de la asignatura fundamentos El ámbito de competencias del comunicador está actualmente marcado muy fuertemente por las nuevas tecnologías digitales de información y comunicación. Es fundamental que el comunicador maneje adecuadamente los soportes digitales que le permitirán proyectar su trabajo profesionalmente. En esta asignatura se brindarán las herramientas teóricas y prácticas para que el estudiante diseñe, construya y publique un portafolio interactivo en un soporte digital.
  • 4. programa de la asignatura objetivos Conocer y comprender los beneficios y desafíos de la comunicación a través de medios digitales. Desarrollar propuestas y reconocer problemáticas de la comunicación multimedial al proyectar modelos de conceptualización, interacción, navegación e interfaces, que le permitan llevar a cabo un portafolio digital e interactivo de su trabajo profesional.
  • 5. programa de la asignatura contenidos ● El Portafolio Profesional, su importancia y formatos disponibles. ● Soportes y plataformas Digitales ● Definición de objetivos e identificación de públicos objetivos ● Esquemas de contenido, interacción y navegación. ● Herramientas de Desarrollo ● Publicación de Portafolio Profesional
  • 6. programa de la asignatura evaluaciones Se realizará solo un proyecto durante el curso, con entregas intermedias de distintas etapas de trabajo. definición de objetivos y contenidos 10% resumen o miniCV 30% portafolio institucional (arcos) 20% linkedin + plataforma online 10% sitio web 30%
  • 8. definiciones portafolio: selección y/o recopilación organizada de una obra o trabajos con la intención de dar a conocer habilidades y competencias. En el campo del diseño y el arte, el portafolio ha sido el instrumento básico utilizado para mostrar y acreditar el trabajo y la trayectoria profesional ante el espectador o posible “cliente”.
  • 9. tipos de portafolio formatos impresos Carpeta o book de trabajo Tríptico, zig-zag, acordeón, etc. formatos digitales PDF Sitio Web CMS CD interactivo Audiovisual (reel, DVD) Web especializada
  • 10.
  • 11. formatos digitales ventajas El portafolio impreso o carpeta de trabajo da paso plataformas más dinámicas, transformándose en un contenedor de recursos digitales interconectados. - Facilita el acceso al portafolio en cualquier momento. - Alto nivel de portabilidad y facilidad de distribución. - Rapidez para actualizar contenidos. - Integración de múltiples medios (imágenes, animaciones, video, etc.) - Permite incluir vínculos a información relevante, sitios web, proyectos en curso y colaboradores online.
  • 12.
  • 13. formatos digitales PDF - Archivo electrónico de lectura, requiere de un programa lector (Acrobat Reader). - Documento capaz de contener varias páginas (imagen, texto y algunas aplicaciones extras). - De peso medio, pero de fácil distribución (mail, online, cd, usb, etc.) - Se puede modificar y publicar fácilmente. - No tiene movimiento. - Puede contener enlaces.
  • 14. formatos digitales Sitio Web - Alto impacto - Fácil distribución - Requiere inversión (dominio y hospedaje) - Manejo de aplicaciones complejas - Su actualización requiere tiempo - Permite manejar imagen, video y sonido.
  • 15. formatos digitales CMS - Impacto Medio - Fácil distribución - Inversión muy baja y muchas veces gratuita - Fácil actualización - Manejo de imagen, video y texto - Relativamente poca personalización
  • 16. formatos digitales CD Interactivo - Elaboración compleja - Alto impacto - Manejo de imagen, video, texto e interactividad - Distribución personal (Cd) - Inversión Media - Actualización compleja
  • 17. formatos digitales Audiovisual - Alto impacto - Manejo de video, animación, texto y sonido - Manejo de aplicaciones relativamente complejas - Inversión Media - Actualización compleja - Distribución online o física
  • 18. formatos digitales Web especializada - Sitios web que ofrecen alojamiento de portafolios online - Promoción a través del sitio - Impacto Medio - Bajo costo o muchas veces gratuito - Fácil actualización - Mucha competencia - Fácil distribución
  • 19.
  • 20.
  • 22. consideraciones presentación El portafolio debe ser lo mejor de nuestro trabajo, mostrado en un formato de fácil acceso y manipulación. La manera como las imágenes son organizadas, incluso su cantidad, la temática, el modo de presentarlas, constituyen los diferentes elementos en torno al concepto de lo que es un portafolio.
  • 23. consideraciones recomendaciones - Debe estar en sintonía con el sector al que se dirige. - Diseño atractivo y fácil de usar. - Control de la tipografía considerando localización del texto y navegación adecuada. - Mostrar imágenes y objetos en un formato y tamaño adecuado. - Dar detalles del trabajo realizado (para quién era el proyecto, cuáles eran los objetivos, qué tarea concreta realizó, con quien colaboró, etc.) Para describir y explicar y responder a las preguntas del “lector”.
  • 24. proceso de definiciones declarar objetivos El primer aspecto a resolver es para qué vamos a realizar esta recopilación. Entre los objetivos posibles: - Conseguir ser contratado en un trabajo - Conseguir nuevos clientes - Darse a conocer profesionalmente - Obtener reconocimiento de los pares - Exhibición / interacción entre autor y otras personas - Reflexión / evaluación de contenidos
  • 25. proceso de definiciones ¿a quién va dirigido? Al ser un instrumento para mostrar competencia profesional debe estar en sintonía con el sector al que se dirige. Debe diseñarse pensando en la audiencia : - Productora - Agencia de diseño o publicidad - Editorial - Empresa Privada - Servicio para particulares, etc.
  • 26. proceso de definiciones ¿a quién va dirigido? Es importante responder a tres preguntas. ¿Para quién o quiénes se esta haciendo el portafolio? ¿Cuál es la necesidad del destinatario? ¿Qué necesita saber de mi?
  • 27. proceso de definiciones contenidos básicos - Trabajos y proyectos: Personales y/o colectivos - Información personal: datos de la persona, intereses, opiniones, actividades sociales, lugares visitados, etc. - Objetivos y planes. - Educación y méritos académicos: Formación, cursos, becas, premios… - Experiencia profesional: roles ocupados, tareas, responsabilidades, etc.
  • 28. proceso de definiciones organización contenidos Como es difícil tener un portafolio a la medida de cada posible destinatario, es conveniente disponer de secciones ordenadas de manera racional a partir de unidades temáticas claramente identificables: - Por género - Por técnica utilizada - Por año de realización - Por grado de complejidad, etc.
  • 29. proceso de definiciones contenido relevante Muestras de trabajo auténtico, utilizando imágenes a tamaño adecuado y dando en lo posible detalles del proyecto o encargo, para quién era el proyecto, cuáles eran los objetivos, qué tarea concreta se realizó, con quien se colaboró, aspectos técnicos, software utilizado, y toda otra información que pueda ser relevante para el destinatario.
  • 30. proceso de definiciones antecedentes personales Además de las imágenes de trabajos, se deberá incluir una reseña o biografía. Ésta, no debiera ser muy extensa y tendría que mencionar las realizaciones más significativas, estudios cursados, antecedentes laborales, manejo de software, etc. Es importante también entregar una visión personal respecto al interés en la especialidad y las cualidades personales como profesional.
  • 31. proceso de definiciones identidad personal Junto con los antecedentes personales, es importante definir una imagen única que funcione como Avatar o identidad virtual para ser ocupada en las múltiples plataformas. Es fundamental que el lector pueda hacerse una perspectiva integral y sistémica de las distintas piezas comunicativas con las que se encuentra. Esta imagen o Avatar funcionará de forma similar como lo haría una marca o logotipo.
  • 32. proceso de definiciones datos de contacto Es imprescindible incluir el correo electrónico y teléfono para contacto directo. Es deseable incluir además URLs de sitios, galerías o perfiles profesionales: son recomendables Linkedin, flickr, deviantart, entre otros. No es recomendable incluir las web personales que no sean relativas al tema profesional, tales como Facebook o twitter.
  • 34. referencias listados de enlaces - 30 Portafolios de diseño creativos y llamativos - Top 10 web design portfolios of 2015 - 200 Sitios de portfolio para inspiración del diseño web
  • 36. entrega 1 Declaración de Objetivos: Cuál es la función que tendrá el Portafolio. Plantear el ámbito de la industria al que apuntar y las características que se tienen que relevar. Definición de Audiencias: Quién/es van a revisar y evaluar el Portafolio. Definir un perfil de audiencia, describiendo sus necesidades y lo que busca en un profesional a contratar. Organización de contenidos: Esquema gráfico de la clasificación de los trabajos, categorías y otros contenidos. Referentes visuales: Muestra de imágenes o estéticas visuales que inspirarán el diseño del Portafolio. Formato de entrega: Documento digital (PDF), envío a jorgecantu@arcos.cl .
  • 37. entrega 2 Resume o miniCV creativo - Identificación personal - Datos de contacto (email, fono, web y linkedin como mínimo) - Educación - Experiencia - Habilidades e intereses - Gráfica coherente con objetivos planteados Formato de entrega: Documento digital (PDF) formato carta (1 página), envío a jorgecantu@arcos.cl .
  • 38. entrega 3 Portafolio institucional y online - Utilización de plataforma portafolio.arcos.cl - Utilización de plataforma online (dribbble, behance, deviantart, etc.) - Reseña o texto biográfico (entre 60 y 100 palabras) - Imagen de identidad personal o avatar - Datos de contacto - Organización de trabajos en 4 o 5 categorías o proyectos, incluyendo 4 o 5 trabajos por categoría (todos con descripción) Formato de entrega: link del portafolio (ej: http://portafolio.arcos.cl/portafolio.php?ida=123#) envío a jorgecantu@arcos.cl .
  • 39. entrega final PortafolioWeb Personal - Utilización de plataforma wordpress, wix, tumblr u otra - Uso de plantilla de galería (portafolio/fotográfica/video) personalizada - Reseña o texto biográfico, datos de contacto y links (linkedin, otros) - Descarga de Curriculum creativo (PDF) - Organización de trabajos en categorías o proyectos, incluyendo al menos 4 o 5 trabajos por categoría (todos con descripción) Formato de entrega: link del portafolio (ej: http://portafolio.wordpress.com) envío a jorgecantu@arcos.cl . p