Portafolio web

De Casiopea



TítuloPortafolio web
Tipo de ProyectoProyecto de Taller
Palabras Claveportafolio
Período2013-
AsignaturaTaller de Diseño Gráfico 7ª Etapa
Del Curso4º DG 2013
CarrerasDiseño Gráfico
Alumno(s)María Ignacia Falcone
ProfesorKatherine Exss


Mapa de navegación y wireframes 1

Archivo:Portafolio 22 marzo.pdf

El mapa de navegación terminaba siendo algo confuso. En lugar de tener todas las plantillas conectadas se decide separar las fichas de proyecto de la galería. La idea es que el sitio web sea recorrible proyecto a proyecto (incluídas sus fotografías), pero que también tenga la opción de ver solo las imágenes de todos los proyectos en su galería.

El resultado sería tener cinco páginas tipo; home, índice de proyectos, ficha de proyecto, gelería y perfil.

Wireframes

Portafoliohomewf.png

Portafoliindexwf.png

Portafolioproyectowf.png

150px

Portafolioperfilwf.png


Diseño de interfaz 1

Portafoliohomedi3.png

Portafoliindexdi3.png

Portafolioproyectodi3.png

150px

Portafolioperfildi3.png

El diseño de interfaz estaba aún demasiado parecido al wireframe pintado, se necesitaban hacer cambios, como afinar la tipografía.

Diseño de Interfaz 2

La idea era modificar el diseño de interfaz para proyectar una imagen más cálida, por lo que se toma la decisión de cambiar la paleta de colores. Se escoge una tipografía con serif para los títulos, que entreguen un aire más tradicional. Para los párrafos largos se escoge una tipografía sin serif, para permitir una mejor legibilidad.

Portafoliohomedi5.png

Portafolioindexdi5.png

Portafolioproyectodi4.png

150px

Portafolioperfildi5.png


https://www.dropbox.com/home/Public/portafolio

http://dl.dropbox.com/u/51133079/portafolio/portafoliohome2.html

http://dl.dropbox.com/u/51133079/portafolio/portafolioindex2.html

http://dl.dropbox.com/u/51133079/portafolio/portafoliogaleria2.html

http://dl.dropbox.com/u/51133079/portafolio/portafolioperfil2.html

Final

https://dl.dropboxusercontent.com/u/51133079/portafolio/portafolio3home.html