Widgets B2B

Widgets B2B

WIDGETS CON CONTENIDO DE API PARA B2B

WIDGETS CON CONTENIDO DE API B2B

Los widgets son aplicaciones que insertamos en la web de nuestros clientes usando un código HTML (embebido).

Los widgets permiten proporcionar muchas características adicionales a los visitantes de nuestros clientes y ayudar a que su sitio web sea más exitoso. Estos widgets, que diseñamos en colaboración con tres diseñadores, ingeniería y operaciones, están destinados a las aerolíneas con el objetivo de ofrecer contenido inspirador a sus usuarios y generar mayor "engagement" con su propia marca. (Ej. Vueling, Iberia, Singapore Airlines, British Airways, Latam Airlines, EasyJet, Aeroméxico, Saudia, Avianca…)

Metodología

Agile por sprints

Herramientas

Figma

Empresa

Smartvel

Role

UX/UI Design
UX/UI Research

01

Investigación
y definición

El punto de éxito en una empresa B2B es no olvidar que tenemos dos líneas, en paralelo, de usuarios. (Los propios usuarios y nuestros clientes.) En las imágenes siguientes aparecen los tres distintos productos que hemos desarrollado para distintos funciones:

1) Uno para saber inspirar y animar al usuario a saber donde quiere viajar.
2) Proporciona el saber lo que ocurrirá en la ciudad, próximamente, mediante un calendario.
3) Ayuda a planear de antemano tu viaje y poder organizarlo con antelación.

(Esto no sería posible sin una rigurosa base de datos que se actualiza cada hora y ofrece el mejor contenido al instante.)

Investigación y definición de los MVP

El punto de éxito en una empresa B2B es no olvidar que tenemos dos líneas, en paralelo, de usuarios. (Los propios usuarios y nuestros clientes.) En las imágenes siguientes aparecen los tres distintos productos que hemos desarrollado para distintos funciones:

1) Uno para saber inspirar y animar al usuario a saber donde quiere viajar.
2) Proporciona el saber lo que ocurrirá en la ciudad, próximamente, mediante un calendario.
3) Ayuda a planear de antemano tu viaje y poder organizarlo con antelación.

(Esto no sería posible sin una rigurosa base de datos que se actualiza cada hora y ofrece el mejor contenido al instante.)

02

Diseño óptimo,
no nativo.

Parece que el diseño de un producto siempre recaiga sobre el diseñador aunque realmente antes de ponerse a dibujar pantallas hay un trabajo previo, durante y posterior. Hace falta un equipo resolutivo y con muy buena comunicación para que los objetivos se cumplan de manera eficiente. Cuando diseñamos un producto B2B debemos entender las necesidades del cliente, del usuario y de nuestro propio negocio. En este caso ofrecemos productos no nativos que nos permiten una gran agilidad en adaptarlo a distintos clientes con distintas líneas visuales. La propuesta de un widget responsive es ágil y nos evita muchos problemas de carga, nos permite versatilidad en conservar la consistencia de estructura del diseño aunque haya líneas visuales totalmente distintas.


02

03

Diseño óptimo,
no nativo.

Widgets, agentes vivos

Diseño óptimo, no nativo.

Parece que el diseño de un producto siempre recae sobre el diseñador, aunque realmente antes de ponerse a dibujar pantallas hay un trabajo previo, durante y posterior. Hace falta un equipo resolutivo y con muy buena comunicación para que los objetivos se cumplan de manera eficiente. Cuando diseñamos un producto B2B, debemos entender las necesidades del cliente, del usuario y de nuestro propio negocio. En este caso, ofrecemos productos no nativos que nos permiten una gran agilidad en adaptarlos a distintos clientes con distintas líneas visuales. La propuesta de un widget responsive es ágil y nos evita muchos problemas de carga, además nos permite versatilidad para conservar la consistencia de la estructura del diseño aunque haya líneas visuales totalmente distintas.

Resolvemos el problema con el uso de Clusters que recogen el conjunto de información que reside en un mismo punto (Más información=Mayor es el Cluster), diversificando el contenido según el interés del usuario. Le damos indirectamente al usuario una estructura de la información, un timón por donde navegar ofreciéndole a primera vista qué puntos en una ciudad son los más concurridos.


CLAVES DEL DISEÑO EN AGENCIA

El UX/UI en una agencia se rige entre
el usuario, el negocio y las limitaciones técnicas. De extraer en menos esfuerzo y tiempo, el mayor resultado.

03

Agentes
vivos

Widgets como agentes vivos

Los widgets con los que trabajamos son agentes vivos que cada tres meses reciben una release (actualización). Ponemos a prueba los productos que diseñamos con el personal interno de la empresa y recogemos sus análisis de datos. Esto nos ayuda a mejorar los puntos de fricción en los que el usuario haya podido tener problemas y a potenciar las virtudes de nuestros productos.

En las imágenes siguientes podréis observar un ejemplo de mejora de Trip Planner 6.0.0 a Trip Planner 6.0.1, donde solucionamos el desorden con el que ofrecíamos la información al usuario, provocando así su desorientación en la interacción

Resolvemos el problema con el uso de Clusters, que recogen el conjunto de información que reside en un mismo punto (más información = mayor es el Cluster), diversificando el contenido según el interés del usuario. Le damos indirectamente al usuario una estructura de la información, un timón por donde navegar, ofreciéndole a primera vista qué puntos en una ciudad son los más concurridos.

CLAVES DEL DISEÑO EN AGENCIA

El UX/UI en una agencia se rige entre
el usuario, el negocio y las limitaciones técnicas. De extraer en menos esfuerzo y tiempo, el mayor resultado.

Qué mejor que con una conversación.

CONTACT

dcbediciones@gmail.com

(+34)609856486

CONNECT

Qué mejor que con una conversación.

CONTACT

dcbediciones@gmail.com

(+34)609856486

CONNECT

Qué mejor que con una conversación.

CONTACT

dcbediciones@gmail.com

(+34)609856486

CONNECT