Casos de estudio

pattern

Diseño y desarrollo del nuevo sitio web de Jerónimo Fermani Fotografía.

Participación en el proyecto: INHOUSE - ESTUDIO JF

Jerónimo es un talentoso fotógrafo nacido en la ciudad de La Plata, actualmente ejerce su profesión en Fotografía Profesional en Oncativo, Córdoba.

Con más de 20 proyectos a sus espaldas, Jerónimo nos contacto para hacer su portafolio personal de fotografías y así poder mostrarlas a todos.

Desde hermosas fotos de bodas, pre bodas hasta ver las hermosas sonrisas en los bautismos, pasando por increíbles fotos de cumpleaños de quince años, había que tener muchísimo en cuenta.

Teníamos que mostrarlo a él, a sus profesionales fotos y que todo este en armonía y lo más accesible para todos los usuarios.

Debíamos poder mostrar profesionalidad, que el sitio sea accesible y rápido para todos los usuarios, que la navegación sea sencilla y cómoda. Necesitábamos que todo sea perfecto.

Análisis e Investigación

Buscamos un diseño sencillo y efectivo y por supuesto intentando que refleje su estilo fotográfico y también su estilo personal.

Características y funcionalidades a buscar

Luego del análisis de mercado, en base a los resultados obtenidos, se realizo una lluvia de ideas para buscar que funcionalidades y que enfoques visuales podrían satisfacer las necesidades de los usuarios.

Separamos la lluvia de ideas en dos categorías: funcionales y visuales, sobresaliendo los puntos más importantes.

Planeación y principios de diseño

Básandonos en lo que necesitamos lograr para que el cliente se sienta cómodo y que el diseño sea un éxito comenzamos a planificar y diseñar los elementos principales.

Bocetos y wireframes

Desde el papel y el lápiz, hasta los wireframes, pasando por las etapas, buscando la mejor manera de que quede perfecto.

Hemos pasado por varios garabatos antes de llegar hasta acá, pero sabemos que encontramos lo correcto.

Tipografía y sistema de grilla

Para la tipografía del sitio, se utilizo para los encabezados la tipografía Arimo Serif diseñada por Google y para los cuerpos se eligió Arimo, diseñada por Ascender Fonts.

Para el sistema de grillas, utilizamos la grilla de Bootstrap, framework usado en el proyecto, con 12 columnas y 30px de márgenes (15px por cada lado de las columnas)

Módulos visuales

Terminados los wireframes finales, es hora de comenzar a crear, a diseñar, agregar color y perfección. Algunos de los elementos que están en el diseño final.

Pertenecientes al slide principal del la home, y módulos para eventos destacados y tarjetas de eventos especiales.

La Obra final.

¡Hemos conseguido lo que queríamos! Finalmente, luego de varia semanas, enfocadas en el diseño del sitio, configuraciones y cada elemento del mismo, el diseño es completamente mobile-friendly y adaptable a todos los dispositivos.

Página de inicio

Con un gran comienzo, mostrando sus proyectos destacados ocupando todo la pantalla, pero también queríamos mostrar quien esta detrás de estas hermosas fotos.

Cuando el usuario avanza hacia abajo en el sitio, el menú queda flotando en lo superior del sitio a disposición de todos. Este recurso es utilizado en todas las páginas del sitio.

Página de Categorías

Trabajando las categorías principales, Bodas - Quince años - Familia, mostramos sus respectivos eventos de la mejor manera, logrando un efecto que impacte en el usuario y no perdiendo la posibilidad de ver la calidad de las tomas en cada foto.

Página de Eventos

Lo más importante, las imágenes, cada una en el tamaño ideal, mostrando cada sensacion del evento sin dejar ningún momento para el olvido.

También le permitimos que haya una conexión con los usuarios permitiendo comentarios desde la plataforma de Facebook.

Página de Contacto

La última sección pero no la menos importante, se trabajo en un formulario a medida, ya que Jerónimo necesitaba saber la fecha del posible evento para tener un mayor control frente a las consultas.

También se creó un mapa con un marcador personalizado para no perder la profesionalidad que se mantuvo en todo el sitio.

Mobile-friendly y Responsive design

Una de las principales metas del proyecto fue que el sitio sea completamente adaptable a cualquier dispositivo y a su vez que la experiencia del usuario en el sitio sea súper amigable y sencilla. ¡Eso fue lo que logramos.