Alma Libre Fotografía
Descripción general
Crear un sitio donde se pueda mostrar las fotografías en blanco y negro de distintos temas.
Decidí realizar todo el sitio en escala de grises ya que todas las fotos son en esos tonos.
Mapa de navegación
Tenemos un mapa horizontal que facilita la navegación y así los usuarios pueden encontrar mas rápido lo que buscan
Wireframe
En base a los requerimientos del sitio estos fueron los wireframes que en una primera instancia nos permite ver como va a ser cada página del sitio.
Estilo visual
Colores
Menú
Tipografía
Resultado final
Tomando como base los wireframe y el estilo visual realice el desarrollo del sitio en HTML y CSS.
En la página de inicio tenemos una foto que simula un negativo y a los pocos segundos se transforma en una fotografía.
Esta es la pagina de inicio donde podemos ver las características de los cuadros ofrecidos.
Estas son las páginas con los distintos temas, al hacer clic en uno de ellos entramos a un carrusel en el que se pueden ver las fotos correspondientes a ese tema.
En la última página del sitio incluimos un formulario de contacto, es muy sencillo así el usuario puede realizar cualquier consulta.
Acá podemos ver como queda la página en los dispositivos móviles
Conclusión
Si bien es un sitio pequeño y simple, logre que cumpla con la función de mostrar de manera rápida las fotografías y conocer los demás servicios que se brinda.
Realicé todo el proceso desde cero, empezando por el wireframe, luego el diseño en alta, una vez aprobado empecé a escribir el código, después lo subí al servidor, hice el alta en Google y el seguimiento con Analytics.