Portafolio Carla Cárcamo

De Casiopea


TítuloPortafolio Carla Cárcamo
Tipo de ProyectoProyecto de Curso
Palabras Claveportafolio, web
Período2014-2014
AsignaturaConstrucción 4º DG 2014
Del CursoConstrucción 4º DG 2014
CarrerasDiseño Gráfico
Alumno(s)Carla Cárcamo
ProfesorKatherine Exss
URLhttps://dl.dropboxusercontent.com/u/87291415/index.html

Primera Propuesta

Mapa de Contenidos

Como primer mapa de contenidos se propone tener 5 opciones en en menú. En su primera categoría se encuentran los "estudios" que son aquellos realizados durante el período universitario. Luego en la categoría "Editorial" se muestran aquellos proyectos transformados en cuerpos gráfico, realizados mayormente durante tercer año de la carrera. En la tercera categoría está todo aquello que pertenece a un ámbito "Personal" como obras extracurriculares acumuladas desde años anteriores. Finalemente están las categorías de "Otras" (como temporal) y "Contacto".

Mapa de contenidos portafolio.jpg


Se corrige el mapa de contenidos, debido a que posee un entendimiento personal a que el que comunica. Es por ello que hay un cambio en la distribución del contenido.

Wireframes

Primeros wireframes

  • Plantilla

Se plantea una grilla de 8 columnas donde varían los anchos de los párrafos y las imágenes. Se abre a que durante el preoceso se realicen cambios.

Plantilla carlacarcamo.jpg
  • Otros

Segunda Propuesta

Mapa de Navegación

Se proponen el mismo número de secciones que al mapa pasado, pero hay un cambio en la distribución del contenido.

Se decide otorgar un mayor énfasis al trabajo personal, y por ello se colocan los dibujos y pinturas al mismo nivel que editorial, y desaparecen como elementos de subcategoría y pasan a formar una categoría.

También se elimina el contacto como categoría y se pasa a formar una nueva que habla "Sobre Mi", donde se pretende hablar un poco sobre la historia personal junto una fotografía.

2mapa de contenidos carlacarcamo.jpg

Como consecuencia de éste nuevo mapa se deciden crear diferentes plantillas, con el objeto tener claro cuantos html es necesario realizar y en cuáles se usará la misma plantilla.

  • plantilla 1 : inicio
  • plantilla 2: sobre mi
  • plantilla 3: pinturas y dibujos
  • plantilla 4: impresionismo, renacimiento, ediciones

Wireframes

Interfaz

Se propone una gama de colores lila y morado, junto al blanco y negro. En la interfaz se realizan algunos cambios en la grillas, debido a que no todo calza perfecto por algunos tamaños de la imágenes, para no deformarlas.


Interfaz inicio carlacarcamo.jpg
Interfaz carboncillo carlacarcamo.jpg


Primer index codificado

Como primer trabajo de códigos del portafolio, se trabajo con el inicio. Donde se ubicaron principalmente los objetos y se crearon los divs necesarios.

A pesar de no estar igual a la interfaz, se tienen claros los cambios que es necesario hacerles. Se debe trabajar con la tipografía elegida (Lato), el footer, la opacidad de la imagen y el color de la tipografía; todos esos cambios necesarios se realizarán luego de resolver las dudas necesarias durante el período de clases.


Primer logro codigos carla.jpg