Joaquin Martel: Portafolio personal

De Casiopea




TítuloPortafolio personal
Tipo de ProyectoProyecto de Taller
Período2011-2011
CarrerasDiseño Gráfico
Alumno(s)Joaquín Martel
ProfesorHerbert Spencer


Aproximación Primera

Los presentes wireframes esbozan un modo de presentar un esquema en la idea de un futuro portafolio. Se busca hacer la navegación intuitiva y simple. La imagen será la protagonista -se confiará en ella como vehículo comunicador con respecto al potencial usuario-.

Con respecto a los enlaces, se mantendrán en estado permanente las redes sociales (twitter, flickr, y facebook personal), además del correo electrónico, un buscador de contenidos y datos de contactos.

Por otra parte, el sitio se divide en 6 criterios:

  1. Diseño Gráfico: Contiene trabajos con respecto al área, específicamente logotipos y afiches trabajados en base a encargos por clientes particulares.
  2. Proyectos Académicos: Estudios hechos en la e[ad], que comprenden trabajos editoriales y sitios web.
  3. Experimental: Espacio de libertad creativa, donde se exponen tanto trabajos digitales y análogos.
  4. Fotografía: Galería de fotos.
  5. Notas: Una dimensión donde la palabra adquiere relevancia. Se mostrarán observaciones desde el croquis, o notas con respecto a algún tema en particular.
  6. JMartel: En este enlace se muestran datos personales y recorrido académico. Se aborda este espacio como una instancia de intimidad con el usuario.

Mapa de Navegación

Mapa de Navegación para portafolio personal

Wireframes

Aproximación Segunda

Con respecto al mapa de navegación anterior, se busca simplificar la estructura.

Se mantienen fijos todos los enlaces -incluso los de segundo orden, como por ejemplo experimental>fotografía- de modo que el recorrido del usuario por el sitio sea de mayor velocidad, y más precisa. Con esta incorporación se elimina el buscador, ya que al estar mejor organizados los contenidos, es innecesario.

A diferencia del anterior esquema, la Arquitectura se divide en cuatro aristas principales: Diseño Gráfico, Experimental, Notas y JMartel.

En la primera se encuentran tanto trabajos para clientes como los del ámbito académico. En Experimental, se añade el criterio de fotografía, mientras que en Notas y JMartel mantienen la estructura pensada en un primer momento, pero el diseño de los contenidos dispuestos en la pantalla varían, como se puede apreciar en los siguientes Wireframes de alta intensidad.

Mapa de Navegación

Mapa navegacion portafolio2 martel.jpg

Wireframes

Capturas de Pantalla

Se realizan screen shots para poder obtener un panorama de lo que se produce en los distintos navegadores y las resoluciones de pantalla de diferentes computadores.

Enlaces

Aproximación Tercera

Capturas de pantalla

Enlaces

Aproximación Cuarta

Capturas de pantalla

Enlaces

Portafolio

Enlaces