Diseño de la web corporativa de Diexva

www.diexva.com

imagen de ejemplo www.best-zeller.eu

Durante mi trabajo en Cucu Mobile, he tenido la oportunidad de volver a trabajar con Diexva. En concreto, nos solicitaron una actualización de su diseño, para que su página fuera visible en dispositivos móviles. Esta ha sido una gran oportunidad de poner a punto y en un entorno real, el framework de css que he estado desarrollando en Cucu Mobile.

En Diexva quedaron muy satisfechos con el resultado, puesto que el framework junto al trabajo posterior de personalización, han supuesto una mejora en la renderización y visualización de su página web. En cuanto a la renderización, dado que el framework está escrito bajo principios OOCSS y no utiliza javascript, la web www.diexva.com es consecuentemente más ligera, sobretodo en escenarios móviles.

En cuanto a la visulaización e interacción, en primer lugar apostamos por una correcta visualización en todos los dispositvivos, gracias a un diseño reactivo y adaptable “universal”, sin comprometerse con ningún dispositivo específico. En segundo lugar tratamos  el contenido, mejorando la reacción y disposición de los contenidos, según el escenario donde se mostrasen, como por ejemplo: En escenarios móviles el número de teléfono de la cabecera incluye un enlace directo a la llamada, desde el propio termninal al número de la empresa.

Cuando en Comuniqualis recibimos el encargo de diseñar el website corporativo para Diexva, partimos de un único requerimiento, el catálogo debía aparecer en la web. Presentamos una solución integrada en la linea gráfica de sus materiales de marketing y comunicación.

Diseño de front end, HTML y CSS sin aditivos.

Trabajar sobre archivos html directamente, como se hacía antes ( 2000- 2005 ) es muy gratificante para el diseñador web. Pude centrarme desde el primer dia en el front-end real sin tener que tratar con CMS, Bases de datos o incompatibilidades de plugins y demás quincalla 2.0.

En este primer punto de la construcción de la web pude exprimir al máximo el framework de CSS: Blueprint y tal y como reza su eslógan ” gasté mi tiempo diseñando e innovando”.

Para una web sin gestor de contenidos: Soluciones con aplicaciones Google

Como comentaba antes, la web debía de cumplir ciertos requisitos: Incluir el catálogo de productos y contar con un formulario de contacto.

Descartamos utilizar objetos Flash, puesto que deberían descargarse siempre desde el propio servidor y aumentarían el peso de los datos descargados, además de no funcionar correctamente en conexiones lentas.

La opción escogida fue utilizar los servicios de 3º partes ampliamente confiables: Google Drive y Maps para el formulario de contacto y mapa de situación respectivamente. Por otro lado el catálogo de Diexva en pdf, se pudo implementar gracias al servicio ofrecido por Issuu.com. 

Lenguajes y herramientas:

CSS3, HTML5

Agencia:

www.cucumobile.com

Fecha de producción:

Octubre-2013