PROYECTO REALIZADO POR

Sergi Garcia
Spain
INFORMACIÓN
100
6
4
Publicado: 5 septiembre 2016

Portfolio Online: sergigarcia.net

El diseño de esta web es el de mi propio portfolio, sergigarcia.net.


​​​​​​​


Buscaba un diseño simple y limpio para mostrar algunos de mis trabajos, y que además fuera responsive para adaptarse a cualquier formato y dispositivo.


La plantilla madre de todas las páginas de la web consta de header y footer y entre ellos el contenido de la galería, la información o el contacto según el caso. El diseño esta dispuesto sobre una base de 12 columnas, que según la sección o el tamaño del dispositivo se adapta a 3, 2 o 1 columna.


El diseño en detalle de cada una de las adaptaciones sería el siguiente:


LAPTOP O PANTALLA

Header y footer:  Fijos, se mantienen en pantalla en todo momento. El header contiene solamente mi marca y el footer el link a las redes sociales.

Menú: En este caso el menú se ubica a la izquierda del contenido. Por diseño es un menú móvil desplegable. A la derecha del contenido hay otro menú de categorías para filtrar la galería en diferentes secciones. Estos dos menús y en esta posición solo los encontramos en la adaptación en pantalla.

Contenido: A 3 columnas.



IPAD

Header y footer:  El footer se mantiene fijo, el header desaparece al hacer scroll para ganar pantalla a favor del contenido. En este caso, el header contiene ya tanto la marca como el menú móvil en la esquina, también para dar espacio al contenido.

Menú: En el header junto con la marca. La clasificación por categorías desaparece en las adaptaciones a menor tamaño.

Contenido: A 2 columnas.


IPHONE

Header y footer:  El footer se mantiene fijo, el header desaparece al hacer scroll para ganar pantalla a favor del contenido. En este caso, el header contiene ya tanto la marca como el menú móvil en la esquina, también para dar espacio al contenido.

Menú: En el header junto con la marca. La clasificación por categorías desaparece en las adaptaciones a menor tamaño.

Contenido: A 1 columnas.