Desde 100×100 nos hemos encargamos de desarrollar toda la infraestructura online que requiere un proyecto de estas características y esto se ha traducido en la creación de una página web que ha cubierto, desde hace un año, todas y cada una de las distintas fases del festival:

• Una primera -previa al evento- que arrancó con un carácter meramente informativo, en la que el objetivo principal fue anunciar el certamen y que Google iniciara la indexación del web.

• Una segunda en la que la página web abrió el proceso de registro de los concursantes y que supuso la puesta en marcha de un back office, permitiendo así una fácil gestión de los contenidos (películas presentadas y datos personales) tanto para la organización del festival, como también para las otras partes implicadas (jurado y prensa).

• Y, finalmente, una última fase de trabajo on going, en la que se expuso la programación live del festival, integrando muy visiblemente todos los canales sociales del evento.

Mirando la globalidad del proyecto nos gustaría destacar el haber encontrado y aplicado soluciones creativas y perfectamente funcionales que han cumplido con los requerimientos y las necesidades de un evento de este tipo, en equilibrio con la asignación de recursos:

• La disposición de un registro online que permitiera:
  • Automatizar la publicación y visualización (eliminando así tareas de edición intermedias) de los vídeos que se enviaban a concurso, disponiendo en el web de una serie de players para la visualización en streaming y asegurando la compatibilidad con todo tipo de sistemas operativos (PC, MAC…) y tablets (Android, iPhone, iPad…).
  • El envío de una amplia variedad de formatos de vídeo, permitiendo así su auto-procesado.
  • Una gestión online de la entrada de concursantes que cumpliera con las necesidades del día a día (consultas, exportación de listados…).

• La disposición de un sistema de gestión de contenidos que permitiera su ágil publicación y facilitara una rutina de trabajo independiente por parte de cada responsable.

• La disposición de una presencia online que facilitara la indexación a Google y, a su vez, fomentara la difusión del festival a través de los diferentes canales sociales de la red.

• Y, finalmente, la disposición de un servicio de mantenimiento web prácticamente de “24/7”, adaptado desde el primer día al dinamismo del día a día que suele tener un proyecto de este tipo.

Para finalizar, señalar que ha sido un placer trabajar con todas las partes que han intervenido en el desarrollo de este proyecto, desde su dirección hasta los equipos de MAHALA y MUCHO con los que hemos colaborado más estrechamente.

Desarrollo y tecnología:

• Programación html/PHP/XML/AJAX.
• Bases de datos MySQL.
• Utilización de WordPress como CMS para la gestión de contenidos de la área de prensa.
• CMS a medida para la gestión de vídeos y registros.
• Programación e integración API’s YOUTUBE.
• Integración de la plataforma Posterous para la gestión de vídeos enviados vía dispositivos móviles.
• Integración API’s de Flickr, Facebook, Twitter y Google Maps.
• Compatibilidad PC / Mac / Dispositivos móviles.
• Integración canales 2.0.

FESTINA INTERNATIONAL SHOP LOCATOR by 100×100.net

Nos gustaría destacar, especialmente, el procedimiento mediante el cual hemos desarrollado este plug-in, pues, hemos hecho que la base de datos de los diferentes puntos de venta quede absolutamente sincronizada con los sistemas de información de la empresa. Dicho de otro modo, Festina sigue con su mismo sistema interno de administración de los puntos de venta sin que sea necesario ningún tipo de mantenimiento adicional para actualizar los datos del web.

Desarrollo y tecnología:

• Utilización de las APIS de Goole Maps.
• Programación sobre FLASH/XML
• Consulta de los datos vía comunicación Webservice.

Festina Web by 100×100.net

En este sentido, los objetivos han sido, por un lado, procurar que haya una clara correspondencia entre la imagen y el producto que se vende –y, sobretodo, que la realidad y los valores que envuelven el macroentorno Festina queden reflejados gráficamente en el web- y, por el otro, hacer que la marca tenga una presencia comuna en todos los países donde es presente pero teniendo en cuenta la segmentación geográfica del negocio. Es por este motivo que hemos creado International Local Sites con el objetivo de que las diferentes delegaciones puedan publicar sus propias noticias locales.

De esta forma se consigue que Festina, con una amplia presencia internacional, pueda ser presentada con una misma imagen para todo el mundo, pero personalizando los contenidos de carácter local.

Festina International Local Sites by 100×100.net

Festina International Local Sites by 100×100.net

Nico Martínez by 100×100.net

8 años después de nuestra primera colaboración, renovamos la presencia online del fotógrafo profesional Nico Martínez. Ya puedes visitar el nuevo web en www.nicomartinez.com.

Un proyecto en el que el diseño se destaca por una imagen de fondo redimensionable que se adapta a la configuración de todo tipo de pantalla, y la actualización automática del resto de fotografías que ilustran la HOME, GALERÍA y PUBLICACIONES, mediante APIS de Flickr que trasladan al web las nuevas imágenes publicadas en el perfil del canal. El site incluye, además, un Área Privada con las que se agiliza la comunicación y gestión de imágenes con el cliente (deportistas, prensa, sponsors…).

Desarrollo y tecnología:

• Programación PHP

• Utilización de librerías jQuery

• Integración API’s de Flickr y Facebook

• Compatibilidad PC / Mac / Iphone / Ipod / Android

• Integración canales 2.0

Desarrollo y tecnología:

• Programación mediante Ext JS, librería javascript que nos ofrece las prestaciones  más adecuadas y, en este caso, incluso la posibilidad de desarrollar la interfaz gráfica del proyecto.

• Usabilidad y funcionalidades equivalentes al formato origen (Excel)

• Accesible a través de cualquier tipo de cliente web, Firefox, IE, Safari,.. y sin necesidad de instalación de plugins, ni conexiones con office.

• Compatibilidad PC / Mac / Iphone / Ipod / Android

Chart of Accounts XNET by 100×100.net

Bream Real Estate by 100×100.net

Nuevo proyecto online: el web corporativo de Bream Real Estate, empresa multinacional dedicada a la Gestión de Activos Inmobiliarios, cuyas necesidades pasaban por un diseño que cumpliera como presentación online de la empresa en toda Europa (con plataformas multi-idioma para cada uno de los países donde está presente), y por integrar una extranet a medida con la que gestionar y agilizar su comunicación con el cliente.

En cuanto a la imagen se ha optado por remitir a la idea de urbanismo mediante un diseño simple y geométrico, siguiendo una tendencia minimalista con la que destacamos los contenidos y simplificamos la navegación e interacción del usuario. En este sentido, el web se ha diseñado tomando modelos de usabilidad 2.0, y el Área Cliente  -especialmente aquellos espacios cuya gestión corre a manos del usuario registrado-, se ha basado en Facebook y en su modelo de interfaz al considerarlo un nuevo estándar más cercano a la experiencia de navegación actual.

Desarrollo y tecnología:

• Programación XHTML + PHP, con maquetación CSS siguiendo los estándares W3C
• Site multi idioma con codificación UTF-8 (catalán, castellano, inglés, alemán y ruso)
• Utilización de librerías dinámicas y Frameworks de JavaScript como JQuery
• Integración CMS Word Press para la gestión de los espacios con contenidos dinámicos por país/idioma.
• Alta en Google, monitorización de estadísticas con Google Analytics y Google Places.
• Compatible PC / Mac / Iphone / Ipad / Android

La programación se ha desarrollado para atender la demanda desde cualquier plataforma y se ha solucionado mediante librerías jQuery la incompatibilidad del Flash con algunos dispositivos. En el espacio público del web se ha integrado el CMS de Wordpress, con lo cual, además de reducir costes en la producción, se agiliza la administración de algunos apartados por parte de la empresa, y a unos niveles de categorización que permiten la publicación de contenido sólo en aquellos países donde se considere necesario. El espacio dirigido al cliente se ha desarrollado a medida, dando respuesta a las necesidades específicas de la empresa con su cliente (programación php y sistema de gestión de bases MySQL).

La actualización de la presencia online ha pasado por un rediseño de la imagen del web, que pretende destacar el nivel del catálogo de la empresa y simplificar el acceso a la información más importante, y una nueva estructura y contenidos que promocionan los valores de la empresa y hacen hincapié en la totalidad del servicio ofrecido, más allá del último detalle.

El contacto con el cliente se ha fomentado mediante la integración de formularios con el que el usuario puede disponer de toda la información de su interés (presupuestos, etc.), concertar una visita guiada para cada uno de los establecimientos e, incluso, probar los modelos en exposición mediante el nuevo servicio Show Cooking.

Este empeño por acercarse al cliente nos ha llevado también a integrar el 2.0 en la estrategia de comunicación de la empresa, que ahora cuenta con perfiles sociales con los que gestionar la atención al cliente y publicar nuevas noticias, lanzamientos, etc.

Más allá del último detalle, ElectroShowroom

Diseño, desarrollo y puesta en marcha:

• Programación XHTML + PHP, con maquetación CSS siguiendo los estándares W3C
• Site multi idioma con codificación UTF-8. (català, castellano, ingles, alemán y ruso)
• Utilización de librerías dinámicas y Frameworks de JavaScript como JQuery
• Catálogos desarrollados en Flash con diseño líquido que adapta el catálogo a la resolución de pantalla de cada usuario.
• Integración de canales 2.0 como Facebook Share Button o  Me gusta.
• Alta en Google, monitorización de estadísticas con Google Analytics, Google Places para cada una de las tiendas y gestión del correo electrónico, calendario y documentos a través de Google Apps.

A lo largo de estos últimos años han sido varios los proyectos llevados a cabo en el ámbito de las XNET (sí, ahora sin “intra” ni “extra”), y hemos creído oportuno iniciar una serie de posts dirigidos a ilustrar algunas de las necesidades a las que damos respuesta con ellas y los parámetros sobre los que trabajamos en función de esas necesidades.

Empezamos con una primera entrada sobre uno de los proyectos XNET realizados para GENERALI: una aplicación web dirigida a centralizar la gestión de siniestros de la empresa.

En este caso,  se consideraron especialmente algunas variables a partir de las cuales era importante configurar el proyecto:

• Por cuanto se trataba de una herramienta con la que el usuario debía gestionar inputs procedentes de distintos canales (mail, llamadas voz, fax,…) y todos ellos con un gran volumen de información, la aplicación se desarrolló atendiendo la premisa de máxima usabilidad y mediante un diseño que facilitara la interacción del usuario con una larga lista de acciones con las que dar respuesta a todas las entradas. Todo ello en el mínimo tiempo posible y eliminando al máximo el riesgo de fallos en la gestión de datos.

• Por nuestra parte el trabajo se centró en el análisis y diseño de las pantallas y, obviamente, se desarrolló teniendo en cuenta la infraestructura y los límites marcados por los sistemas de información activos en la empresa.

• Como parte fundamental del desarrollo, y tal como entendemos deben realizarse este tipo de proyectos, contamos con la participación activa de los distintos perfiles de usuario que son, en definitiva, quienes manejan el día a día de la explotación del proyecto.

SURKANA by 100×100.net

Moda, calzado y complementos de inspiración global y espíritu urbano, SURKANA adapta su presencia on line al actual contexto de internet. Más práctico, más cómodo y más accesible, el nuevo web de SURKANA cierra el antiguo libro de viajes con el que resumía los conceptos de fusión y multiculturalidad tan afines a su estilo, para simplificar la navegación y dar mayor protagonismo al producto. Siguen destacándose el espíritu de la marca y los valores asociados a ella, pero ahora desde una perspectiva que pretende facilitar la información en función del perfil del usuario (particular, empresa, prensa…), y la promoción del producto mediante el direct linking a las redes sociales de mayor difusión.

Como la misma marca, el web de SURKANA se concibe como un espacio abierto donde con el tiempo tendrán cabida nuevos viajes y nuevas experiencias. Como su mismo eslógan, el web de SURKANA es un camino que se enriquece al andar:

Sigue tus propios pasos, ven a SURKANA.

Diseño, desarrollo y puesta en marcha:

• Vídeo “Sigue tus propios pasos”. Diseño y producción integral de 100×100.NET con la colaboración de @bibleholiday: imagen, música, locución, edición y producción (muchas gracias una vez más).
• Maquetación flash. A pesar de estar penalizado por Google, el buen posicionamiento de la marca ha permitido su uso. El día a día del blog equilibra y potencia la presencia en los motores de búsqueda.
• Diseño líquido. El web se adapta automáticamente a la resolución de pantalla del usuario.
• Integración canales 2.0 con direct linking. Me gusta / Facebook y Share / Twitter.
• Base de datos mySQL para los datos dinámicos: usuarios.
• Programación dinámica en PHP.

De momento nuevos web y magazine, Trucos y recetas, un espacio de actualidad nutrido continuamente con contenidos que son toda una sorpresa.

Para más adelante se iniciará la andadura en las redes sociales, en paralelo a la experiencia que vaya adquiriendo el cliente.

¿Porqué 2.0?

• Se ha pasado del concepto “web como único punto de acceso de la empresa en la red” al espacio multicanal, con el aprovechamiento de las diferentes oportunidades que nos ofrece la red 2.0.
• Del contenido de empresa a la generación de contenidos a través del usuario u otros canales externos.
• Desarrollo parcial del proyecto a través de aplicaciones “Open Source” adaptadas a medida de las necesidades.

Diseño, desarrollo y puesta en marcha:

• Maquetación Web en xhtml validada con las herramientas WC3.
• Base de datos mySQL para los datos dinámicos: contenidos y usuarios.
• Programación dinámica en PHP.
• Gestión de contenidos y usuarios a medida mediante web de administración.
• Integración con plataforma externa .NET para el registro de nuevos socios del Club.
• Espacio actualidad desarrollado con Word Press. Diseño y desarrollo de nueva plantilla. Formularios de entrada de datos externos integrados con la base de datos word press para los contenidos y la plataforma .NET para los usuarios.
• Programación webs optimizada para la indexación de Google, cuya alta se ha realizado mediante las Webmaster Tools.