Toni Mascaró – Blog Barcelona

Las vivencias y reflexiones de un inquieto innovador

Toni Mascaró - Blog Barcelona


Archive for the ‘Diseño’ tag

Perfiles, usabilidad y accesibilidad en proyectos interactivos

without comments

A la hora de afrontar la creación de un proyecto Interactivo son muchos los aspectos que hay que tener en cuenta para garantizar el éxito y consecución de objetivos.

Entre las Cinco claves de exito que propone eMascaró está en “Enamorar al cliente” y para conseguir este objetivo es muy importante todo lo que tenga que ver con el conocimiento de los perfiles, la usabilidad y accesibilidad, estando todo intrínsecamente ligado con los demás claves de nuestra estrategia.

Hoy hablaré sobre uno de los temas que a la hora de enfocar la creatividad y diseño son más importantes, consiguiendo que cualquier tipo de usuario sea capaz de interaccionar de forma satisfactoria con nuestro proyecto web.

Navegar y conocer la web de la W3C a través de las “User Interface Recomendations” nos ayudará en esta misión y nos permitirá conocer las bases y técnicas necesarias.

Pero si sumamos a estas bases, la experiencia de eMascaró podemos resumir en tres los puntos fundamentales que hemos de tener en cuenta a la hora de afrontar el prototipado, creatividad y diseño de nuestro proyecto.

1. Conocer el perfil cliente del proyecto

Los proyectos interactivos ya no son meros catálogos o panfletos online y de forma paulatina el nivel y calidad de estos ya no sólo pasa por una creatividad o diseño espectacular basado en una idea con caducidad inmediata.

Ahora es clave conocer perfectamente el perfil potencial de clientes y ofrecer una nivel de interacción personalizado para cada tipo de cliente.

El acertar y ofrecer la navegación adecuada nos permitirá mejorar la  conversión según los “goals” que tengamos marcados.

A modo de ejemplo del proyecto ponemos el proyecto realizado para Guinot Prunera.

En la página de inicio segmentamos al cliente por tipo de necesidad, de esta forma ofrecemos un contenido personalizado y mejoramos la experiencia de usuario, ya que de esta forma encuentra la información que necesita rápidamente, con un contenido y enfoque personalizado.

En conclusión, conocer en detalle el perfil de cliente, sus características y sobretodo saber lo que espera encontrar es clave a la hora de enfocar el proyecto web, ya que no olvidemos que los usuarios son cada vez más exigentes y no quieren perder su tiempo.

2. Garantizar una usabilidad óptima para cada perfil usuario web

Conocer a nuestro potencial cliente es sólo el primer paso, también hemos de ser conscientes de que nuestro proyecto interactivo ya no sólo responde a perfiles de cliente sino también a nivel de perfiles de usuario web.

¿Pero a qué nos referimos con perfiles de usuario web?

Desde que aparición de Internet el lenguaje interactivo ha evolucionado en paralelo a la potencia y capacidades multimedia de los dispositivos, así como también la velocidad de la conexiones, pero también el usuario ha evolucionado y en este caso de forma muy variada.

Podríamos asegurar que a día de hoy el usuario que está al otro lado de la pantalla ya no es un analfabeto digital, sino al contrario, es un auténtico experto en materia de navegación.

En materia de usabilidad hay grandes expertos y diferentes tendencias, pero lo que es cierto es que al final cada proyecto se ha adaptar al tipo de usuario y satisfacer sus necesidades.

En eMascaró dividimos a los usuarios interactivos en 5 tipos.

- No sabe
Es el usuario que no sabe exactamente lo que quiere y necesita que le guiemos para facilitarle la  navegación.

Podemos ofrecerle recomendaciones, experiencias, ofertas, enlaces de Interés.

- Sabe
Este tipo de usuario no quiere perder su tiempo, quiere encontrar la información, comprar o contactar de la forma más rápida.

En dos Clicks hemos de garantizar sus espectativas.

- Se enamora
Son aquellos que se dejan sorprender por un diseño espectacular, magníficas fotografías, animaciones y vídeos.

Cada vez son más los proyectos webs que ofrecen experiencias interactivas espectaculares.

- Exigente
Es aquel usuario que busca la información más detallada, no le sirve sólo una web espectacular, sino que también quiere consultar el más mínimo detalle y con este fin hemos de garantizar ofrecer la información de la forma más amplia posible y sobretodo ofrecer herramientas para localizar esta información.

- Web 2.o
Durante los últimos años el perfil de usuario 2.o es el que se está expandiendo de forma más rápida.

Este tipo de usuario se preocupará de ampliar la navegación a través de las redes sociales, vídeos y buscaré información de nuestra marca en los más recónditos lugares de la red.

Es por ello que tenemos que garantizar la plena compatibilidad e integración de nuestro proyecto web con el mundo 2.0.

3. Garantizar la accesibilidad a diferentes dispositivos

Debido a la coexistencia de diferentes sistema operativos, navegadores y ahora dispositivos es estratégico y fundamental crear proyectos compatibles y que sean accesibles desde dispositivos móviles de tercera generación como por ejemplo Iphone, Blackberry, Ipad o cónsolas.

Los principales puntos que hemos de tener en cuenta a la hora de garantizar la compatibilidad serán:

- Sistema operativo (Windows, Mac OS, Unix)
- Plataforma (Pc, Mac, Linux)
- Resolución
- Dispositivo (Pc, Tablet, Mobile, Cónsola)

El tema de accesibilidad para personas discapacitadas el algo también muy importante y vendrá marcado según las las guías marcadas por el cliente, clasificándolas estas la W3C en A, AA y AAA.

En conclusión estos son algunos de los aspectos más importantes y aunque que obviado muchos otros aspectos por la extensión del post, en resumen creo que estos pueden ayudar a comprender uno de los aspectos claves a la hora de conseguir los objetivos que nos marcan los clientes.


Nueva web para Barnices Valentine creada por eMascaró

with 2 comments

Desde hace pocas semanas ya está disponible la nueva página web de Barnices Valentine en la queeMascaró se ha encargado de la estrategia, conceptualización, usabilidad y diseño.

El reto
Barnices Valentine, expertos en pinturas y marca líder en la Península, gozaba de la confianza y el reconocimiento de muchos profesionales, siendo utilizada y recomendada a diario como pintura de primera elección por pintores e interioristas. Sin embargo, la marca no tenía el mismo alcance a nivel de clientes particulares, por lo que Barnices Valentine encargó a eMascaró desarrollar una web corporativa que pusiera a disposición de todos los perfiles de clientes, particular, profesional e industrial, el amplio abanico de productos y que, al mismo tiempo, acercara la marca a cada uno de ellos, pero… ¿cómo conseguirlo cuando las necesidades y expectativas de cada target son distintas?

La clave
La clave para el éxito de este proyecto, teniendo en cuenta su dimensión y los distintos perfiles de clientes a los que iba dirigido, fue desarrollar una estrategia online que cubriera las necesidades y expectativas de todos ellos, pero con un plan de acciones especialmente enfocado al cliente particular, ya que era el principal objetivo.

Una vez creada la web, lo importante era hacerles llegar hasta ella gracias a un óptimo posicionamiento online e incorporar, además de la usabilidad, distintas herramientas interactivas que hicieran la página más atractiva para el usuario.

El proyecto
El primer paso fue definir una estrategia online y arquitectura de la información que respondiera a las necesidades del cliente. Tras el diseño web inspirado en los chips de color, y con el objetivo de hacer la página más útil y atractiva, se desarrollaron diversas herramientas multimedia que dieran a conocer las Tendencias en color y asesoraran al usuario sobre diferentes aspectos, como por ejemplo, cuáles pueden ser los colores más apropiados en función del espacio o cómo combinarlos de la mejor forma con el Concepto 60 30 10. Se creó un apartado que ayudara al cliente a encontrar distribuidores o tiendas donde comprar los productos Valentine, utilizando un mapa de España interactivo seguido de un geolocalizador de Google maps.

Después, sólo quedaba asegurar el tráfico a la web, por lo que se trabajó en su posicionamiento en buscadores y Web 2.0 (Facebook, Twitter, Youtube, Flickr…).

El resultado
Barnices Valentine cuenta con una web corporativa que pone su amplia gama de productos al alcance de todos sus perfiles de clientes y, además, ha renovado su presencia en la red a través de un conjunto de estrategias y funcionalidades que llega de forma efectiva a un sector muy importante del mercado: el cliente particular.

Como siempre, felicidades a todo el equipo

Mas información en:
http://www.valentine.es
http://www.emascaro.com (Caso de estudio completo)

La web del Hotel Pullman Skipper premiada como la mejor web de hoteles por la Internet Advertising Competition

without comments

iac

La Web Marketing Association, a través del certamen anual Internet Advertising Competition, ha premiado la web del Hotel Pullman Barcelona Skipper como la mejor página en Internet en la categoria deHotel and Lodging Websites.

El proyecto de la web del Hotel Pullman Barcelona Skipper destaca una creatividad y diseño enfocado a enriquecer la experiencia e interacción del usuario mediante una visita virtual a través de las diferentes áreas de este magnífico hotel.

En eMascaró Tourism luchamos día a día por ofrecer a nuestros clientes las mejores soluciones tanto a nivel de innovación, creatividad, tecnología e Innovación ayudando a su posicionamiento,  comercialización y fidelización en el entorno de internet.

Desde estas líneas deseamos felicitar al Hotel Pullman Barcelona Skipper y agradecerles su confianza y apostar poreMascaró Tourism como su partner en Internet.

También queremos destacar el esfuerzo y trabajo diario de todo el equipo de profesionales de eMascaró, que día a día hacen posible que nuestra compañía avance.

Mención especial a las webs de Hotel Murmuri Hotel Denit que han quedado en la la lista de menciones especiales en los premios.


Innovación, estrategia online y web 2.0

without comments

cdn

En el sector de Internet resulta bastante complicado encontrar clientes que tengan la ambición de desarrollar un proyecto en Internet global y que responda a una estrategia en Internet coherente y basada en pasos sólidos.

CDN es un ejemplo claro de una empresa internacional que apuesta decididamente por Internet como un canal de marketing y branding, pero también como una herramienta para captar talento y difundir conocimiento y experiencia.

No es de estrañar que sea una de las empresas líderes en Innovación y tampoco que su director, Antoni Flores, sea una personalidad respetada, sobretodo por una consolidada experiencia y reputación en el ámbito de la Innovación.

antonioflores

Fruto de este esfuerzo el proyecto sigue adelante y eMascaró está aplicando a cada uno de los pasos su experiencia en estrategia, concepto, creatividad y desarrollo tecnológico, en definitiva, un despliegue de toda nuestra cadena de valor hacie el cliente,

Hace unas semanas se inauguró el blog corporativo personal Antoni Flores, cumpliendo así una fase más, aunque no la última, del proyecto en Internet de CDN.

Recomiendo que sigáis los novedades y andaduras de Antoni Flores en su blog, ya que sin lugar a dudas seguirá dando que hablar.

Enlaces de la semana Vol.1

with one comment

Lands’ End y un buen ejemplo de comercio electrónico

with one comment

He descubierto por internet un buen ejemplo de web de comercio electrónico, LANDS’ END, sobretodo porque aunque la mayoría de veces nos encontramos con proyectos de e-Commerce que respetan los requisitos básicos de usabilidad, indexación y accesibilidad, si que es cierto que todo ello casi siempre penaliza a la creatividad e interactividad del proyecto.

Creo que esta web es un buen ejemplo de como se pueden hacer auténticas obras maestras en cretividd interactiva en tiendas online y me apostaría a que la experiencia de usuario y su nivel de conversión deben ser muy altas.

Imagen 4

Imagen 3

Imagen 2

Imagen 5

eMascaró desarrolla Travelfriends, una iniciativa del Grupo Bestours

without comments

La semana pasado publicamos otro proyecto desarrollado por eMascaró.. Travelfriends.es es un proyecto en el que hemos volcado toda nuestra creatividad y tecnología para maximizar la experiencia del usuario e incorporar un sistema de comercio electrónico.

Os copio la nota publicada en el blog de eMascaró.

travelfriends_01

Emascaró desarrolla el site Travelfriends, una potente herramienta para la comercialización de viajes a medida dirigidos a grupos de amigos. Se trata de una iniciativa de la mayorista Grupo Bestours que busca potenciar la venta de este tipo de producto entre sus agencias de viaje asociadas y particulares.

En el site, el usuario podrá encontrar los viajes por destinos o bien por packs, permitiendo organizar su viaje en un único portal donde encontrará todo lo que necesita.

Travelfriends no sólo ofrece viajes cerrados si no que va más allá y permite a sus usuarios una total flexibilidad en la solicitud de presupuestos, incluyendo preferencias en los vuelos, alojamiento, en el número de participantes, y actividades como excursiones, visitas paquetes de spa, cenas,etc.

Y para los más tradicionales Travelfriends ofrece un directorio de agencias de viajes organizado por países, donde puedes encontrar los mismos packs que en el site.

A nivel técnico cabe destacar la funcionalidad de petición de presupuesto tanto si eres agencia o particular. Si eres agencia, tras la petición de presupuesto con un formulario, recibirás automáticamente un pdf con toda la información solicitada; si eres particular, se ha habilitado una pasarela de pago para poder realizar Un pago a cuenta de forma segura.
También cabe destacar el gestor de contenidos del site, que permite actualizar de una forma rápida y sencilla todo el contenido (editor de packs, destinos, noticias, etc) incluso el propio flash de la home es gestionable

Visita el site en http://www.travelfriends.es

Vall de Núria y la Innovación tecnológica en el senderismo

with one comment

Pués resulta que el destino está lleno de casualidades o causalidades, os lo explico…

Casi nadie sabe que el primer trabajo que tuve con 17 años fué en Ribes de Freser, con ese dinero me compre mi primer ordenador (de propiedad) un Commodore Amiga.

En esos tiempos trabajé durante los meses de Verano en una empresa textil (trabajaba de 5 de la mañana 5 de la madrugada) y el único día que tenía libre lo tomaba para visitar los pueblos cercanos y realizar de forma habitual el camino de Queralps a la Vall de Núria, que sin lugar a dudas es uno de los sitios más bonitos que conozco y que os recomiendo que visitéis.

Ese precioso lugar me quedó marcado para toda la vida y siempre que necesito desconectar o simplemente me quiero tomar una buena caminata me escapo un fin de semana.

A partir de esta especie de fanatismo por la Vall de Núria me semi apunté a un asociación que se llama Amics de Núria , la cual  también os recomiendo.

Todo esto lo cuento para que entendáis las casualidades de la vida.

Resulta que la semana pasada recibí el una invitación de la asociación para el próximo 21 de Marzo, en su local social (C. Bon Pastor, 9)

capturamac-109

Este evento se presentará el proyecto pionero de colaboración con el Grupo de Tecnologías Interactivas de la Universidad Pompeu Fabra, para el desarrollo de un portal de senderismo, en el cual la asociación ha sido invitada a participar aportando sus experiencias y requerimientos. El Camino de Nuria se puede convertir en el primer camino virtual se que se localice a través de Google.

La presentación será presentada por el Sr. Ayman Moghnieh (también un apasionado senderista) Ingeniero Informático por la Universidad de A&M de Texas y que actualmente está estudiando el doctorado en la Universidad Pompeu Fabra i colabora con el GTI. Sus intereses se centran en la interacción i la visualización del ambiente. También contaremos con la presencia del Dr. Josep Blat, catedrático de la Universidad Pompeu Fabra (Ciencias de la Computación y Inteligencia Artificial) i director del departamento de tecnología.

Para los que tengan tiempo se realizará a posteriori un pase de fotografías del Camino de Montserrrat a Roma y para los que aún tengan energías se celebrará una cena en una pizzería próxima.
En finalitzar i els que es vulguin apuntar (cal fer la reserva prèvia) anirem a sopar a una pizzeria propera.

Moltes gràcies per la vostra participació, ara més que mai necessitem la vostra presència. Si teniu intenció d’assistir, us agrairiem ens ho comuniquéssiu a fi de preparar els qüestionaris, documentació i l’espai per l’acte.

(us podeu apuntar per la web : clica aquí )

Os paso la agenda prevista

Sábado 21 de Marzo del 2009

19:00 h.- Presentación del proyecto de Colaboración con la Universidad Pompeu Fabra

- Introducció del Sr. Carlos Baijet, dels “Amics de Núria”
- Preguntas

19:30 h.- Análisis de requerimientos
20:00 h.- Pase de fotografías del CAMINO DE ROMA
22:00 h.- Cena (opcinal)– Pizzeria

Para la cena hay que hacer reserva.

Si queréis registraros hace click en aquí o llamar al 696.004.014

Toshiba, what’s next?

without comments

Seguimos con ejemplos de Innovación creativa y en este caso es Toshiba quien ha creado una original web en la que podrás navegar por un escenario y descubrir algunas sorpresas.

Toshiba, what’s next?

http://www.toshiba.eu/whatnext/

Written by toni.mascaro

diciembre 15th, 2008 at 12:32 am

Diseño web EAE – Nueva web corporativa de EAE (Escuela de Administración de Empresas) realizado por eMascaró

without comments

Diseño web EAE (Escuela de Administración de empresa)

Estamos de enhorabuena, después de varios meses intensos de trabajo hoy se ha publicado la nueva web de EAE, Escuela de Administración de Empresas.

Para nosotro ha sido un gran honor trabajar para una escuela que ha sido fundada en el año 1958 y que desde hace unos años esta realizando todo un proceso de mejora y modernización para situarla entre las más importantes a nivel internacional.

Este proyecto ha sido todo un reto para nuestra empresa, sobretodo a nivel de consultoría y definición de arquitectura de información para ofrecer la mejor experiencia de usuario e intentar la captación de nuevos clientes para la Escuela.

El proyecto ha sido un trabajo en equipo de eMascaró, el equipo de Marketing de EAE dirigido por David Parrado y la empresa Ulises Interactive encargada de la campaña de promoción.

Realizamos un estudio de más de 50 universidades internacionales hacer todo una comparativa de sus principales funcionalides y enfoques creativos.

Sin duda alguna ha sido un proyecto apasionante en el que hemos realizado la Consultoría, creatividad y desarrollo.

Hemos tenido que tener muy en cuenta toda la imagen corporativa de la escuela, así como criterios estrictos de usabilidad y accesibilidad.

El gestor de contenidos ha sido uno de los retos más importantes ya que cuenta con funcionalidades especiales pensadas para esta tipología de empresa y optimizado para personalizar los atributos de cualquier sección de la web de forma personalizada y la comunicación con diferentes herramientas internas de gestión.

Felicidades a todo el equipo integrante del proyecto.