Proyectos

Visual Portfolio, Posts & Image Gallery para WordPress

Prototipado landing

I.C.O.N.

CHALLENGE:

Desarrollar el prototipado de una landing para una serie de 4 webinars gratuitos sobre consejos de cuidado del cabello de una conocida marca de productos capilares. Los cursos son gratuitos y las sesiones se harán en directo. En esta web de aterrizaje los usuarios podrán consultar la información de cada curso y apuntarse generando sensación de escasez con las plazas limitadas. El objetivo principal es atraer público y promocionar los productos de la marca de forma indirecta.

CLIENTE:

I.C.O.N.

(Ejercicio realizado para el Postgrado en Content Design y UX Writing de Shifta by Elisava).

SOLUCIÓN:

La landing que he desarrollado abre con un primer bloque destacado con la intro en la que se explica en qué consisten los webinars a nivel general, además de un CTA con la opción de reservar las 4 sesiones a la vez. A continuación, vienen los 4 bloques individuales de cada webinar con un poco más de información sobre cada sesión en concreto. De un primer vistazo ya se ve el día y la hora, junto a una breve descripción y el CTA para poder reservar la plaza. A su lado, también aparece otro CTA con la opción “Más información” que llevará a otra página con la información ampliada y más detalles del webinar. También se indican las plazas restantes para aportar esa sensación de escasez y apremiar al usuario en su reserva.

Flujo conversacional

Paradiso

CHALLENGE

Desarrollar un flujo de interfaz conversacional donde, además del «happy path», se tienen en cuenta otras casuísticas que podemos encontrar a lo largo de la interacción.

CLIENTE:

Paradiso, VUI multimodal especializada en cine.

(Ejercicio realizado para el Postgrado en Content Design y UX Writing de Shifta by Elisava).

SOLUCIÓN:

–> Happy path: en esta conversación el asistente ya está entrenado por el usuario y puede desarrollar acciones más personalizadas e incluso lanzar conexión con otras apps desde su propia interfaz. Por ejemplo, tiene acceso a la suscripción en plataformas (Netflix) y puede ejecutar la reproducción de una película. En definitiva, el usuario resuelve la necesidad de forma satisfactoria, breve y sin ninguna traba tecnológica.

–> Desviaciones: Alrededor del happy path, he desarrollado alternativas de flujo conversacional en las que podemos ver las diferentes reacciones del asistente en las interacciones con el usuario. Algunas más positivas, vinculando tecnología y ahorrando tareas al usuario; y otras más negativas, por ejemplo, cuando no entiende preguntas más abiertas o generales, o cuando el usuario le habla de forma esquemática y no con lenguaje natural.

Consulta el flujo completo

Etiquetas META

Salud laboral · Notion · RACC

CHALLENGE:

Desarrollar etiquetas meta de título y descripción para tres tipos de contenido con el objetivo de aumentar su visibilidad, en base a estas tres opciones de palabras clave de búsqueda:

  1. ejercicios teletrabajo
  2. mejores plantillas notion
  3. franquicia seguro de coche

CLIENTES:

Salud laboral, Notion y RACC.

(Ejercicio realizado para el Postgrado en Content Design y UX Writing de Shifta by Elisava).

saludlaboral.com

SOLUCIÓN:

Las palabras clave “ejercicios teletrabajo” indican que la intención de búsqueda es informativa. Google interpreta las preguntas “qué son” y “cómo se hacen” por los resultados de búsqueda que muestra. La SERP incluye resultados sobre rutinas de ejercicios para realizar durante el teletrabajo, además de contenido en medios digitales y blogs especializados en deporte. Todos los resultados son orgánicos y no se enlaza a producto.

Las meta que he desarrollado responden sobre todo a esta intención de búsqueda de información. He incluido las dos keywords en el título y en la descripción. En los dos campos he añadido la palabra rutina, como información complementaria. Y en la descripción, he considerado sumar los conceptos “breve” y “sencillo” a modo de reclamo hacia el usuario para que consiga su objetivo final de la interacción: sus dudas sobre ejercicios para el teletrabajo se resolverán de forma rápida y fácil con este contenido.

notionguide.com

SOLUCIÓN:

Las palabras clave “mejores plantillas notion” indican una intención de búsqueda comparativa, sobre todo por el término “mejores” que remite a la comparación entre varios resultados. 

En este caso, la SERP en móvil es distinta ya que muestra en primer lugar el bloque de contenido patrocinado con dos enlaces a plantillas de pago en Etsy. A continuación sí muestra contenido orgánico de varios sites especializados en Notion y en el bloque de búsquedas relacionadas aparece el término free como siguiente paso del usuario para afinar la búsqueda. En cambio, la SERP en desktop, muestra contenido orgánico y añade el bloque de resultados de vídeo con contenido sobre consejos de uso de Notion.

Las meta que he desarrollado responden sobre todo a esta intención de búsqueda de comparación entre varios elementos. Las keywords están incluidas en el título y en la descripción y, además, he añadido la palabra gratis y su derivado «gratuitas» para ahorrarle al usuario ese paso extra y el año 2023 para remarcar que el contenido es actual. Es decir, así sirve de diferenciación y se afina más la búsqueda, con la información que nos proporcionaba el bloque de búsquedas relacionadas, como comentaba antes. 

racc.es

SOLUCIÓN:

Las palabras clave “franquicia seguro coche” son ambiguas para determinar la intención de búsqueda del usuario. Viendo los resultados de búsqueda sí que podemos definir una intención fracturada entre informativa, transaccional y, en tercer plano, también comparativa ya que aparecen resultados y productos de diferentes aseguradoras.  

En este caso, la SERP en móvil y desktop es la misma durante los primeros bloques de resultados. El primer resultado orgánico aparece en quinto lugar, a continuación, se introduce el bloque de otras preguntas de los usuarios, lo que también nos da pistas sobre la intención de búsqueda, ya que, además de los resultados de productos de las aseguradoras, vemos que busca entender qué significa la franquicia antes que adquirir este tipo de seguro. A partir de aquí, en desktop se muestran resultados orgánicos juntamente con el bloque de vídeo con tutoriales explicativos.

Las meta que he desarrollado responden en gran medida a resolver las dudas sobre este tipo de seguro, por tanto, a la intención informativa, por eso el título está en forma de pregunta, aludiendo directamente a la duda del usuario. Sin embargo, en la descripción he añadido más detalles que agrupan otras cuestiones sobre el producto y que pueden influir directamente sobre la decisión de compra final.

SMS automatizados

SHIFTA Bank · Policía Nacional · Turismo Francia

CHALLENGE:

Escribir tres SMS autmatizados que reciben los usuarios en estos tres casos determinados:

  1. Hace una semana el usuario solicitó una nueva tarjeta de crédito de SHIFTA Bank. A través de un SMS, le informan que la recibirá mediante correo convencional a su domicilio.
  2. He pedido hora para renovar mi documento de identidad. A través de un SMS, me explican los detalles de la cita.
  3. He llegado a Francia y me informan de los teléfonos de ayuda en caso que necesite contactar con algún servicio.

CLIENTES:

SHIFTA Bank · Policía Nacional · Turismo Francia

(Ejercicio realizado para el Postgrado en Content Design y UX Writing de Shifta by Elisava).

SOLUCIÓN:

Los tres SMS que he escrito de forma concisa y clara, aportan la información necesaria para el usuario de forma asertiva y con el tono apropiado al remitente. En el caso de SHIFTA Bank, se le habla de tú al usuario para conseguir esa sensación de cercanía en el servicio. En el caso de la Policía Nacional, al ser una una administración el trato hacia el usuario es más formal (usted). Y en el caso de Turismo Francia, el tono es más ligero teniendo en cuenta que es un mensaje de bienvenida con información a viajeros.

SHIFTA Bank

Policía Nacional

Turismo Francia

<<

>>

Mails transaccionales

SHIFTA · Mailchimp · Adidas

CHALLENGE:

Desarrollar tres emails transaccionales para estos tres casos:

  1. Estoy haciendo un postgrado en Shifta y recibo un email para recordarme que se acerca la fecha límite para entregar mi Trabajo Final.
  2. Estoy en un proceso de entrevistas para que me contraten como UX Writer. He pasado a la penúltima fase y me explican en qué consiste: un ejercicio para evaluar mis conocimientos.
  3. Mis zapatillas Shift Air Max deberían estar en la tienda para recogerlas pero se han retrasado. Recibo un email en el que me explican que se han perdido en algún momento y no se entregarán.
CLIENTES:

SHIFTA · Mailchimp · Adidas

SOLUCIÓN:

En este caso, los tres emails que he desarrollado se centran en la intención informativa. Ya el asunto deja claro el motivo de la comunicación que, a continuación, se amplía en el bodycopy con un tono asertivo y directo pero siguiendo la línea de voz de cada marca. Se refuerza la información destacando en color y negritas las fechas límite. En el caso de los CTA los botones ocupan un espacio importante al final de cada bodycopy para guiar al usuario al siguiente paso.

SHIFTA

Mailchimp

Adidas

Mensajes de error

App compra online / App food delivery

CHALLENGE:

Desarrollar dos tipos de mensaje de error para dos casuísticas diferentes:

  1. Un producto que ha perdido la conexión a internet: El usuario necesita estar online para poder utilizar el producto.
  2. Un producto en la fase inicial de crear cuenta: En concreto, la usuaria ha indicado un nombre de usuaria ya existente.
CLIENTES:

App de compra online de un gran superficie y app de food delivery.

(Ejercicio realizado para el Postgrado en Content Design y UX Writing de Shifta by Elisava).

SOLUCIÓN APP DE COMPRA ONLINE:

El mensaje de error que he diseñado se muestra a través de un aviso que interrumpe la actividad del usuario con la app y no puede finalizar el proceso de compra. Se compone de 3 elementos:

  • El texto del título (en negrita y a mayor tamaño para captar atención) informa del problema al usuario y, a continuación, en el bodycopy plantea una forma de solucionar el problema.
  • La imagen da apoyo visual reforzando la llamada de atención.
  • El botón con CTA anima al usuario a continuar con su actividad en la aplicación.

SOLUCIÓN APP DE FOOD DELIVERY:

Además del literal en el que se explica el error, se refuerza el mensaje con el color rojo que se incluye en la tipografía, el borde de la caja de texto y el icono con el signo de exclamación. Todo para apoyar visualmente que el nombre introducido no es correcto y captar la atención del usuario.

Para añadir rapidez a la solución, he añadido la opción previa de tres variantes del nombre elegido que sí están disponibles, con la intención de guiar al usuario para evitar repetir el error y que pueda abandonar el proceso de registro.