User Experience Design
¿Qué es el diseño User Experience?
La experiencia de usuario se basa en la satisfacción que tiene una persona cuando navega por un sitio web determinado. Si la experiencia ha sido positiva y ha cumplido con las necesidades y expectativas del usuario, este volverá. En cambio, si ha sido negativa, además de no volver, se lo dirá a sus amigos y Google también lo sabrá.
Por lo tanto, el diseño web User experience (UX) prioriza las necesidades, objetivos y características del usuario para asegurarnos de que la experencia de uso sea óptima. Hay que conocer cómo es el usuario que visitará el sitio web y para qué lo visitan, con el objetivo de resolver sus necesidades y que se ajuste a sus expectativas. También hay que tener en cuenta aspectos como la usabilidad, diseño de la interacción y accesibilidad.
Para hacerlo posible hay que implicar al usuario en todo el proceso, siendo parte importante en el desarrollo, poniendo a prueba los diseños mediante test de usuarios para detectar mejoras a y optimizaciones.
Me hago una idea, pero, ¿por qué invertir en experiencia de usuario?
Fidelización del usuario
Los usuarios valoran un acceso simple e intuitivo a los datos/productos, y por lo tanto, conseguimos que su experiencia en nuestro sitio web cumpla sus necesidades y repitan.
Aumento en las ventas
Invertir en la experiencia del usuario (UX) ayuda a eliminar cualquier posible confusión o molestia en el proceso de navegación que pueda evitar que el usuario complete una compra.
Interesante... Pero, ¿cómo será el proceso?
Planificación
Identificamos vuestro público objetivo y sus expectativas y definimos la arquitectura de la información, el funcionamiento y la navegación del sitio web.
Diseño UX
Creamos el aspecto visual del sitio web, componemos las diferentes páginas, su aspecto y el comportamiento de los diferentes elementos de interacción para que el sitio web tenga un diseño que sea atractivo, claro y permita un acceso rápido a la información.
Test
Ponemos a prueba el diseño, utilizando test de usuarios para asegurar que la experiencia de usuario sea óptima y ajustar aquellos detalles necesarios para conseguirlo.
Desarrollo
Desarrollamos el proceso de implementación con la participación y colaboración del cliente. Realizamos evaluaciones en diferentes puntos para asegurar la calidad del sitio web.
Testeo y publicación
El objetivo es poder detectar errores o incidencias, y poder así, rediseñar, optimizar y adaptarlos. O bien, todo lo contrario, comprobar la buena adecuación del diseño y su funcionalidad.
Mantenimiento
Los contenidos de un sitio web, vuestra audiencia, necesidades y objetivos pueden cambiar a lo largo del tiempo y por lo tanto requiere acciones de mejora.
¿Nos podéis enseñar algún ejemplo?
Stockmagasin: Tienda de primeras marcas
Stock Magasin es una tienda de productos en oferta de primeras marcas. En Avellana Digital implementamos una plataforma de e-commerce que permite gestionar la fecha de vigencia, cantidad de productos disponibles, apadrinar, códigos descuento, etc. El sitio web es responsivo a diferentes resoluciones de pantalla e incluye herramientas de e-mail marketing.
Carintec Madera: Suministo de materiales de madera
Carintec es una empresa suministradora de materiales de madera que trabaja para diferentes instituciones públicas y privadas. En 2014, ante las exigencias del mercado, Carintec decide potenciar su imagen de marca a través de una página web corporativa. En Avellana Digital, definimos sus objetivos y estrategia y determinamos las líneas que marcarían su imagen en Internet, de acuerdo con sus valores y filosofía de empresa. El resultado fue una web corporativa con gestor de contenidos, para poder actualizar el contenido y subir nuevos proyectos fácilmente y, con un diseño responsive, adaptado al tamaño de la pantalla de los diferentes dispositivos.
Covides: Cooperativa vinícola del Penedés
Covides es la 1ª Cooperativa vinícola en Cataluña en términos de volumen y dispone de un amplio abanico de vinos y cavas con Denominación de Origen. Sin embargo, Covides disponía de una web que había quedado anticuada, tanto estéticamente como funcionalmente y, por tanto, no daba suficientes resultados. En Avellana Digital nos pusimos manos a la obra y implementamos un diseño más fresco y visual, responsivo a los dispositivos móviles, usable y orientado a los resultados. De esta manera, la Cooperativa Covides ha podido mejorar su imagen de marca y dispone de un sitio web corporativo con gestor de contenidos para poder actualizar sus productos y textos siempre que lo necesiten.
Insavi: Fabricación de sistemas avícolas
Insavi es una empresa que diseña y construye jaulas avícolas con alcance internacional, así como sistemas complementarios de gallinanza. En 2014, Insavi ve la necesidad de renovar su página web corporativa para adaptarse a las nuevas tendencias y hacerla responsive, más usable e intuitiva. En Avellana Digital nos ocupamos de la creación de su web corporativa con gestor de contenidos, desde el nuevo diseño responsive hasta la fotografía y videos corporativos de la empresa. El resultado ha sido una web mucho más actual, con una imagen que corresponde con sus valores y filosofía y enfocada a sus resultados de empresa.
Campus Vidimiri: Campamento de verano de basket
Vidimiri Basket Camp es un campus de Baloncesto para niños de 8 a 18 años organizado por Sergi Vidal y Albert Miralles, jugadores ACB del FIATC Joventut. Con el objetivo de darse a conocer a un público más amplio y ofrecer una experiencia de usuario óptima, en Avellana Digital realizamos un diseño responsive de comercio electrónico, con un sistema de informes de jugadores y roles con accesos diferenciados. Finalmente, desarrollamos varias campañas Adwords, orientadas tanto a usuarios nacionales como internacionales y un seguimiento de resultados de la campaña. El Campus Vidimiri llenó las plazas de sus dos turnos de verano con éxito.
Sembra: Kits de cultivo urbano
Sembra es una iniciativa de Semillas Fitó, empresa referente en semillas agrícolas y hortícolas, con el objetivo de acercar los huertos urbanos a la ciudadanía a través de sus kits de cultivo "en casa". En Avellana Digital realizamos un Plan de Marketing, que sentó las bases del proyecto y dio forma a su estrategia online; posteriormente nos ocupamos del diseño y desarrollo del comercio electrónico, adaptado a los dispositivos móviles (responsive). Para impulsar el proyecto, también realizamos una campaña de CPC Adwords, orientado al conocimiento de la marca (awareness) y conversiones. Finalmente analizamos los resultados del comercio electrónico y campaña Adwords para comprobar la efectividad y experiencia de usuario.
SFREUS: Servicios Funerarios de Reus
La web corporativa de la Funeraria de Reus necesitaba un rediseño que mejorara la usabilidad y experiencia de usuario de los dispositivos móviles. Por ello, en Avellana Digital nos pusimos mano a la obra y realizamos un diseño responsivo con gestor de contenidos. Además, para agilizar su gestión, implementamos un sistema de planificación de recursos (ERP) sincronizado con la organización interna y establecimos una automatización de procesos para agilizar el trabajo. Ahora, la web corporativa de los Servicios Funerarios se muestra mucho más visual e intuitiva para el usuario, a la vez que internamente es más eficiente.
Ayuntamiento de Reus: Institución pública
La web del Ayuntamiento de Reus ofrece información sobre la ciudad y el Ayuntamiento, su agenda, servicios, trámites, cultura, actividades... Avellana Digital ha sido una pieza importante en la consultoría tecnológica y nos hemos ocupado de su diseño y desarrollo con Drupal. La web del Ayuntamiento de Reus permite una navegación fácil e intuitiva, se centra en una buena experiencia de usuario móvil y permite realizar diferentes trámites en línea a través de su sede electrónica. Además del apoyo técnico y mantenimiento, en la Avellana Digital también realizamos informes de analítica web con optimizaciones mensuales para la mejora de la usabilidad y el SEO.
Taxis Reus: Servicio de taxi
La organización de taxis de Reus también confió el desarrollo de su página web corporativa en Avellana Digital. El sitio proporciona un servicio de reservas de taxis online, la localización de todas las paradas en la ciudad de Reus y todo tipo de información relevante para el desgaste . Taxisreus.com es una página totalmente orientada a la acción. Al Avellana Digital nos encargamos de su desarrollo con Drupal , integración de módulos y diseño responsivo , es decir , adaptado al tamaño de la pantalla de dispositivos móviles.
La Ruta del Cister: Marca turística del territorio del Alt Camp
http://www.larutadelcister.info
La Ruta del Cister es una zona formada por los tres monasterios cistercienses de Cataluña: Santes Creus (Alt Camp) , Poblet (Conca de Barberà) y Vallbona de les Monges (Urgell) . En Avellana Digital nos ocupamos del diseño y desarrollo de su sitio web con Drupal, donde se presentan todos los atractivos turísticos y culturales de forma ordenada y esquemática.
Torrons la Boqueria: Tienda Online
Torrons Boqueria es una tienda del Mercado La Boquería de Barcelona especializada en la venta de futos secos, turrones y especias. En Avellana Digital diseñamos y desarrollamos su comercio electrónico con PrestaShop para llegar a más clientes potenciales y mantener un punto de venta abierto las 24 horas los 365 días del año. Además, el diseño del e-commerce permite una navegación responsiva (adaptada al los distintos tamaños de pantalla). De esta manera, los usuarios de dispositivos móviles pueden navegar de forma usable e intuitiva y pueden realizar sus compras online de forma sencilla.
Club Futbol Reus Deportiu: Equipo de futbol
http://www.cfreusdeportiu.com/
Realizamos el rediseño del web del Club de Futbol Reus Deportiu, de acuerdo con un diseño más visual, adaptado a dispositivos móviles y mejorando la experiencia de usuario. El web se integra con diferentes módulos, para la presentación de jugadores, módulo de la clasificación y de los próximos partidos y resultados. También realizamos la integración de noticias de la antigua web y la integración con la API de Google Maps.
Quercus Technologies: Soluciones avanzadas en aparcamientos
http://quercus-technologies.com
Quercus Technologies proporciona soluciones para mejorar la movilidad y seguridad en los aparcamientos a través de sistemas de lectura de matrículas, detección de vehículos, sensores spot control y video vigilancia con una tecnología avanzada. El equipo de Avellana Digital ha realizado el diseño y desarrollo de su web corporativa con el objetivo de ofrecer una experiencia de usuario óptima. En Avellana Digital también desarrollamos su portal interno para partners.
SYL Jewels: Arquitectura y diseño de joyas
SYL Jewels es un nuevo concepto que combina arquitectura y diseño de joyas. La tienda online ofrece pendientes, collares, anillos y pulseras transformables, es decir, podemos personalizar una misma joya y ponerla en diferentes posiciones.
En Avellana Digital hemos creado el diseño web pensando en una buena experiencia de usuario en todos los dispositivos; creación de contenidos según estudio de palabras clave y SEO; integración con herramientas de email marketing; programación de diferentes módulos y herramienta de gestión de contenidos (CMS) para poder crear y gestionar fácilmente los artículos del blog.
Diseño web de la Clínica Dental Guiu
http://clinicadentalguiu.com/es/
Diseño web y desarrollo de la Clínica Dental Guiu. Se ha aplicado un diseño adaptado a todos los dispositivos, integración con las redes sociales y módulo SEO para facilitar las acciones de posicionamiento web. También hemos llevado a cabo la creación de contenidos en todas las páginas previo estudio de palabras clave e inserción de vídeos explicativos para aclarar cualquier duda que tenga el usuario a la vez de proporcionar un sitio web rápido y usable.
Diseño web - Clínica Dental Dr. Gisbert
http://www.clinicadentaldrgisbert.cat/es
El Dr. Gisbert es uno de los odontólogos más prestigiosos de Reus. Después de una extensa formación y experiencia en el Hospital de Oxford, vuelve a Reus para abrir su propia clínica dental. Ahora, confía en Avellana Digital para dar a conocer su clínica en Internet. Destacamos el diseño web y desarrollo con Drupal así como la creación de contenidos según estudio de palabras clave.
ClimAhorro - Tienda online
Climahorro.es es una tienda online de climatización para el hogar de primeras marcas a buen precio. En Avellana Digital llevamos a cabo el rediseño de su e-commerce y migración de su antiguo sistema hacia la plataforma PrestaShop, así como el desarrollo del módulo de compra y de atención al cliente. También implementamos una estrategia de marketing digital basada en la consecución de visitas y conversión (ventas).
Diseño de la web corporativa M. Vilella Constructor
http://mvilella-constructor.com/
Diseñamos y desarrollamos la web corporativa de M. Vilella Constructor, empresa constructora de Reus con más de 85 años de experiencia. La web ha sido programado con Drupal 7 y ofrece un diseño visual y centrado en la experiencia de usuario , especialmente en dispositivos móviles.
Diseño web - Toldos Transol
Después de varios años con su web corporativa, ahora Toldos Transol vuelve a confiar en Avellana Digital para realizar el rediseño de su web. Los principales objetivos del rediseño y desarrollo realizado son la actualización de su presencia en Internet, ofrecer una imagen mucho más visual y mejorar la experiencia de navegación del usuario. Además, ofrecemos asesoramiento en redes sociales, gestión y mantenimiento de sus campañas online en Google Adwords.
Rediseño del web transframos.com
Realizamos la actualización del diseño web de Transportes F. Ramos, empresa transportista de materiales líquidos alimentarios. Con este nuevo rediseño, la empresa tiene el objetivo de mejorar la experiencia de usuario e ir un paso más allá en super imagen corporativa.
También realizamos campaña de branding en Internet mediante creación de contenido, aparicio en medios y publicidad online.
Diseño web - Invall
Desarrollo web con Drupal de invall.com, web corporativa multidioma orientada a mostrar sus servicios y trabajos realizados en el resto del mundo. Invall S.A es una empresa de ingeniería nacida en Reus con delegaciones en Europa, África y Asia. A partir del diseño y desarrollo de su web, Invall facilita el contacto, potencia su actividad y mejora su imagen corporativa en Internet.
Tienda online de GOMA2
Goma2.net es una tienda online especializada en la reparación de pies de gato, así como la venta de artículos de escalada y out door. Nuestra relación con Goma2 ya hace muchos años que comenzó a través de su primera tienda online. Ahora, volvemos a trabajar para actualizar su web, adaptarlo a las nuevas tendencias y mejorar su presencia online.
Después de un pequeño estudio inicial, rediseñamos su web para ofrecer una mejor experiencia de usuario y optimizarla para los motores de búsqueda. La tienda online está disponible en múltiples idiomas y utiliza la plataforma Prestashop, la cual ofrece grandes ventajas y facilidades para tiendas como la suya.
Diseño web - Augescens Pádel
Augescens Pádel está formado por un grupo de jóvenes emprendedores de la provincia de Tarragona apasionados por el pádel y el diseño. Después de un tiempo de darle vueltas, contactaron con nosotros para hacer realidad su sueño: lanzar su propia marca de artículos de paddle. Pronto nos pusimos manos a la obra y creamos la página corporativa y tienda de Augescens Pádel, donde disponen de ropa, palas, bolsas, toallas y otros accesorios de pádel. Augescens se basa en una filosofía de superación personal, ya que impulsa el crecimiento y romper tus límites. De hecho, la marca esponsoriza a algunos jóvenes jugadores destacados, formando su propio equipo Augescens.
Diseño web - Ten Solutions
Diseño y desarrollo de la web corporativa tensolutions.es mediante plataforma Drupal.