31/01 by Noemi
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 »
10/06 by Miquel
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:
- Utilización de librerías jQuery
- Integración API’s de Flickr y Facebook
- Compatibilidad PC / Mac / Iphone / Ipod / Android
tags: 2.0, api, facebook, flickr, JQuery, Nico Martinez, PHP
Posted in PORTFOLIO | No Comments »
13/05 by Miquel
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 »
26/11 by Eric
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 »
25/06 by Miquel
SURKANA estrena web y nos alegra no poder recordar el primero de nuestros proyectos conjuntos porque entendemos esto como la señal de una estrecha relación, una acertada visión de equipo en la que el compromiso y la identificación nos han llevado a apuntar en la misma dirección desde hace ya unos cuantos años.
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.
tags: 2.0, liquid design, maquetación flash, mySQL, PHP, surkana
Posted in 100x100.NET, PORTFOLIO | No Comments »
