100×100.net blog

La semana pasada se celebró en el Caixa Fórum de Barcelona el certamen  “A Shaded View on Fashion Film” (ASVOFF). Un Festival Internacional de Cine y Moda creado por la gurú de la moda, blogger, crítica y fotógrafa Diane Pernet, que se celebra anualmente en París y, de forma itinerante, también en otras ciudades como Nueva York, Londres, Tokio, Moscú, México, Perth, Cannes y Barcelona –este año y por primera vez, sede del evento en España.

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.

tags: 24/7, app, ASVOFF, auto-procesado, CMS, difusión, festival, gestión de contenidos, Google Apps, indexación, PHP, posicionamiento, presencia online, Programación, streaming, web 2.0

Posted in PORTFOLIO | No Comments »

Breve post sobre el último trabajo que hemos hecho para la marca de relojes Festina: El lanzamiento del plug-in “shop locator”. Una aplicación que permite localizar los puntos de venta en los diferentes países donde la marca tiene presencia activa.

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.

tags: apis google, app, festina, Google Apps, google maps, shop locator, web

Posted in PORTFOLIO | No Comments »

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).

tags: 2.0, Bream Real Estate, CSS, Google Apps, JQuery, PHP, XHTML+PHP

Posted in PORTFOLIO | No Comments »

Estrenamos nuevo proyecto en la red: Electroshowroom, todo un referente en cocinas y electrodomésticos de alto standing y con un impecable servicio que integra la totalidad de cualquier proyecto de cocina y baño. Una calidad y excelencia que, sin embargo, no reflejaba su antiguo site.

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.

tags: 2.0, CSS, electroshowroom, Google Apps, JQuery, liquid design, PHP, XHTML+PHP

Posted in PORTFOLIO | No Comments »