PrinaGroup.com *HTML5

El pedido

La empresa Prina Group llegó a nosotros con una necesidad específica: duplicar el sitio web que tenían (desarrollado en Plataforma Flash), pero utilizando tecnología HTML5. La idea era desarrollarlo manteniendo el diseño y funcionalidad originales, de forma que fuese accesible para navegantes con dispositivos móviles.

En Estudio Pica nos abocamos a la tarea de analizar el sitio web que por entonces poseía la empresa y comenzamos el proceso de desarrollo de un sitio web nuevo, con tecnología absolutamente distinta, pero imitando el diseño y la funcionalidad de su versión anterior.

Aquí se puede comparar la versión Flash, tomada como modelo, y la versión HTML5 desarrollada por Pica.

El proyecto

Todo el contenido fue codificado y marcado de forma semántica utilizando tanto etiquetas tradicionales del universo HTML, como así también las nuevas etiquetas disponibles en lo que al día de hoy es el boceto del próximo estándar HTML5.

El código se escribió de forma prolija, siempre agregando valor semántico de acuerdo al significado de las palabras, prárrafos, navegación, listas, imágenes y videos. Hoy en día, gracias al formato HTML5, no sólo es posible codificar y marcar títulos, párrafos y listas, sino también secciones de navegación, videos, encabezados y pies de página, entre otros elementos.

El contenido fue codificado en archivos escritos con HTML5 estándar [click aquí para ver la validación de la W3C]. El diseño fue especificado por medio de archivos CSS de nivel 1, 2 y 3. Por último, el comportamiento de transiciones e interacciones de usuario fue programado con JavaScript avanzado con la ayuda de la maravillosa librería jQuery.

Accesibilidad

El desarrollo del sitio web en tecnologías estándares web, evitando el uso de Flash, aseguró la accesibilidad requerida al sitio, incluso desde smartphones.

La utilización de código HTML no sólo asegura la correcta visualización del sitio a través de dispositivos móviles y computadoras personales, sino que también da un paso más para la accesibilidad de personas con movilidad reducida, problemas de visión, ceguera y otras necesidades especiales.