Proceso Portafolio

Título	Creación de un Portafolio, proceso de Wirframes, Mapa de navegación y código HTML
Tipo de Proyecto	Proyecto de Taller
Palabras Clave	wireframe, portafolio, mapa de navegación, codigo html
Período	2013-2013
Asignatura	Taller de Diseño Gráfico 7ª Etapa,
Del Curso	4º DG 2013,
Carreras	Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)	Danila Ilabaca
Profesor	Katherine Exss

Creación de un Portafolio

Este proyecto es un ejercicio para comenzar a hacer sitios web, se genera un proceso necesario para establecer la diagramación y la organización del contenido.

Entrega 1:

Mapa de Navegación, en donde se jerarquiza el orden de contenidos y sus vínculos.
Realización de Wireframes para ver de que manera el sitio va a llegar al usuario, cual e sla organización y diagramación.

Entrega 2:

Se vuelve a hacer el Mapa de Navegación para reorganizar los contenidos y renombrar las categorías propuestas.
Se realiza el diseño de interfáz con el programa Fireworks, se genera una interacción y movimiento dentro del sitio (Activación de botones con el click).
Se realiza el sitio que se hizo en Fireworks pero desde Html, primer estudio de códgos.

Entrega uno

Se realiza un Mapa de Navegación en donde los contenidos principales son:

Información
Galería
Tumblr
Contacto.

El único que genera una despliegue es Galería, en donde se divide en 3 categorías que son:

Proyectos alumna e[ad]
Proyectos en Curso
Proyectos personales

En la corrección se observa que la galería debería tener más protagonismo ya que es el aspecto visual el que tiene que llamar la atención. También se corrigen las categoría con respecto al nombre de los ramos, son demasiado complejos y desconocidos para alguien que no conoce la escuela. Se observa que es necesario tener un menú desplegable, así el usuario puede acortar camino para llegar mas rápido a las imágenes.

Mapa de Navegación

Wireframes

Se realiza un Wireframe por categoría del Mapa de Navegación

Wireframe Inicio
Wireframe Galería
Wireframe Proyectos e[ad]
Wireframe Taller
Wireframe Proyecto de taller

Entrega dos

Se realizan cambios en cuanto a la organización del contenido, lo principal es que se le da mayor importancia a la categoría "Galería", se coloca primero que todas y además el home en si ya es la galería. Se genera otra manera de organizar la categoría de Alumna e[ad], la organización ya no es por ramos si no que por el motivo, o sea Investigación y Creación, disminuyendo así los itmes y simplificando el camino para el usuario. Las sub categorías de "Galería" también se modifica dividiendo los proyectos personales en "artísticos" y "Diseño gráfico".