Saltar al contenido

TRUST

La app de una startup de Los Ángeles que conecta negocios y creadores de contenido con un swipe

Para
Let's Be Social Inc. · Los Ángeles
Rol
Product Designer · freelance
Equipo
Yo en diseño, con los fundadores y sus desarrolladores
Herramientas
Figma
Cuándo
2026
Swipe de TRUST en escritorio: la tarjeta del creador y, al lado, la oferta y cuánto encaja con ella
Swipe de TRUST en móvil: la tarjeta de una creadora con los botones de descartar y enviar

Contexto

TRUST es la app de Let's Be Social Inc., una startup de Los Ángeles. Conecta negocios locales, sobre todo de hostelería, bienestar y lifestyle, con creadores de contenido. Funciona como una app de citas: el negocio desliza perfiles de creadores y, si hay match, le envía una oferta de colaboración.

El problema

Sus desarrolladores empezaron a construir la app sin un diseñador. Con los primeros usuarios aparecieron carencias y fallos grandes.

En el swipe, la foto quedaba encajada entre dos franjas sobre un fondo azul claro, y la barra de navegación solo tenía iconos.

Una de las primeras versiones del swipe: la foto de un café entre una franja gris con el nombre del negocio y otra oscura con la oferta, sobre fondo azul claro
Una de las primeras versiones del swipe, antes de que yo entrara.

Mi rol

Fui el único diseñador del producto. Trabajé como freelance, en remoto y por encargos, directamente con los fundadores. El primero, rediseñar el swipe, era una prueba. Después llegaron más, y con cada uno fui asentando una estética para toda la app. Sus desarrolladores seguían construyendo por su cuenta con un estilo parecido al mío, así que también rediseñé esas pantallas. La interfaz y las entregas, en inglés.

  1. La app móvil

    El swipe, la entrada de los creadores, el match y la valoración de cada colaboración.

  2. El panel web

    Descubrir creadores, publicar ofertas y seguir las colaboraciones desde el ordenador.

  3. Las métricas del creador

    Su sección de rendimiento, en móvil y en escritorio.

La app móvil

Primera versión de la tarjeta de un creador: foto arriba y su ficha sobre fondo azul claro
Swipe nuevo: la foto de la creadora a toda la tarjeta, con su nombre, categoría, distancia y seguidores sobre un degradado
AntesDespués

Swipe

La foto ocupa toda la tarjeta y la información va abajo, sobre un degradado: nombre, categoría, distancia y seguidores. Los botones son dos círculos blancos con el color de su acción, y cada icono de la barra lleva su texto.

Su match: letras en degradado, confeti y dos fotos sin el nombre del negocio
Match nuevo: la tarjeta de la creadora y la del restaurante frente a frente, con el botón para enviar un mensaje
AntesDespués

Match

Su versión celebraba con confeti y letras en degradado, pero tapaba el nombre del creador y no enseñaba el negocio. El nuevo pone las dos tarjetas frente a frente, con un botón claro para empezar a hablar.

Su valoración: fotos tipo polaroid y varias tipografías mezcladas
Valoración nueva: las dos tarjetas, un título claro y el resumen de lo acordado
AntesDespués

Valoración

Su versión mezclaba cuatro tipografías. La dejé en una, con un resumen de lo acordado y cuatro preguntas: si el contenido quedó bien, si se publicó a tiempo, si encaja con la marca y si fue fácil trabajar con el creador. Las reseñas van en los dos sentidos y son una de las señales de confianza de TRUST.

Caras, nombres y datos personales, difuminados.

La entrada y el final del mazo

Un creador nuevo puede pedir una invitación o entrar a curiosear en modo explorar. La versión anterior solo avisaba de que ahí los swipes eran «just for fun».

Su bienvenida: dos botones iguales para pedir invitación o curiosear
Bienvenida nueva: pedir invitación como opción principal y curiosear como secundaria
AntesDespués

Bienvenida

Su versión tenía dos botones iguales. En la nueva, pedir invitación es la opción principal y curiosear, la secundaria.

Su aviso para pedir invitación, sobre una tarjeta vacía
Aviso nuevo sobre una oferta: el swipe no se envía y qué desbloquea la invitación
AntesDespués

Una oferta, sin invitación

Si en modo explorar el creador desliza una oferta, el aviso le explica que ese swipe no se envía y qué desbloquea la invitación: escribir a ese negocio y pedir la colaboración.

Su pantalla sin más creadores: una imagen rota y el texto Check back soon
Pantalla nueva: un mapa y el mensaje de que ya has visto a todos los creadores de Los Ángeles y llegan nuevas ciudades
AntesDespués

Sin más creadores

Cuando a un negocio se le acaban los creadores, en lugar de una imagen rota y un «Check back soon», la pantalla le explica que ya ha visto a todos los de Los Ángeles y que llegan nuevas ciudades.

El panel web para negocios

Rediseñé el panel con Airbnb como referencia: mucho blanco, la jerarquía en la tipografía y el rosa de la marca solo para lo importante, como enviar una oferta.

Swipe en escritorio: la tarjeta del creador en el centro y, a la derecha, la oferta que se va a enviar, su encaje con el creador y los atajos de teclado
El swipe en escritorio.
  1. El swipe, también con teclado

    La tarjeta del creador en el centro y, al lado, la oferta y cuánto encaja con ella: seguidores, intereses, distancia y red social. Como no hay gestos, las flechas hacen de swipe: ← descartar, ↓ saltar, → enviar la oferta.

  2. La ficha del creador, en tarjetas

    En las primeras versiones era un solo panel que se cortaba en un portátil de 13 pulgadas. La versión final la reparte y deja las acciones siempre a mano.

  3. Ofertas y colaboraciones, conectadas

    Ofertas es donde el negocio prepara sus campañas, de vez en cuando; Colaboraciones, el día a día. Desde cada oferta se ven sus interesados y sus colaboraciones.

  4. Crear y editar

    Crear una oferta es un asistente de cuatro pasos. Editarla, un formulario de una sola página con vista previa, para ir directo a lo que quieres cambiar.

Colaboraciones: pestañas por estado y una colaboración abierta con su línea de tiempo, del match aceptado a la aprobación
Colaboraciones por estado, con un filtro por oferta y la línea de tiempo de cada una, del match a la aprobación.

Las métricas de cada creador

TRUST añadió a la ficha de cada creador una sección con sus métricas de Instagram y TikTok. Tenía todos los datos, pero en un panel rosa de unas 45 filas seguidas, todas con el mismo peso y con los valores también en rosa.

Lo más útil para un negocio, cómo se compara ese creador con los demás de TRUST, quedaba enterrado en la lista. Las variaciones negativas salían sin contexto: no había forma de saber si eran malas o normales. Y TikTok iba en un bloque pequeño bajo Instagram, aunque el creador del ejemplo tenía siete veces más seguidores en TikTok.

La sección rediseñada: selector Instagram o TikTok, la tasa de engagement destacada con su comparación con otros creadores y tres cifras con su variación
La sección de métricas antes: un panel rosa con decenas de filas de datos, todas con el mismo peso
AntesDespués
⇆
Arrastra para comparar. La foto de la creadora real va difuminada; los datos del diseño nuevo son de demostración.
El encargo era hacerla más visual y fácil de leer, sin perder ningún dato.

Ordenar por preguntas

Hice inventario: 39 datos. Los reagrupé según la pregunta que se hace un negocio, no según de dónde sale el dato.

Los mismos 39 datos, antes y después. Ninguno se pierde: cambian de sitio. El cliente pidió quitar uno, los seguidores falsos, porque era una estimación sin datos fiables.

Performance39 datos, uno detrás de otroResumense ve sin desplegar9 datosAlcance6 datosCalidad de la audiencia4 datos + 1 quitadoEngagement5 datosActividad5 datosCuenta3 datosTikToken su pestaña6 datos
›Ver los 39 datos por bloque

Resumen

  • Typical views
  • Avg. likes
  • Avg. comments
  • Engagement rate
  • Better than X% of creators on Trust
  • Avg. views · last 7 days
  • Avg. likes · last 7 days
  • Engagement rate · last 7 days
  • Nota de metodología (posts analizados)

Alcance

  • Followers over time (gráfico)
  • Followers
  • Following
  • Avg. views (incl. viral posts)
  • Views per follower
  • Followers · last 7 days

Calidad de la audiencia

  • Women / Men
  • Gender known for
  • Likely fake followers (quitado por el cliente)
  • Verified followers
  • Private followers

Engagement

  • Engagement per 1k followers
  • Avg. saves
  • Avg. shares
  • View trend (last reels)
  • Best reel

Actividad

  • Posts per week
  • Posts all time
  • Posts in last 60 days
  • Reels in last 60 days
  • Last post

Cuenta

  • Account type
  • Category
  • Verified on Instagram

TikTok

  • TikTok followers
  • TikTok typical views
  • TikTok avg. likes
  • TikTok avg. comments
  • TikTok engagement rate
  • TikTok posts per week
  1. Un resumen arriba

    El engagement, cómo se compara con otros creadores y las medias de visualizaciones, likes y comentarios.

  2. Cada cambio, junto a su cifra

    El bloque de crecimiento desaparece: cada variación pasa a ser una flecha ▲▼.

  3. El rosa, de acento

    Fondos neutros y cifras en negro, para que el rosa marque solo lo que hay que mirar.

Dos maneras de enseñarlo

Exploré ambas: todo a la vista en un solo scroll, o un resumen con el detalle en bloques desplegables y un selector entre Instagram y TikTok. Me quedé con la segunda, en móvil y en escritorio: el resumen se lee de un vistazo y cada red tiene su pestaña.

Sección desplegada: el alcance con la evolución de seguidores y la calidad de la audiencia con el reparto por género

Instagram, desplegado

Al pulsar «See all» se abren todos los bloques, y cada uno se puede plegar: el cliente entendía «ver más» como verlo todo.

Pestaña de TikTok con su tasa de engagement, su comparación con otros creadores y sus cifras

TikTok

La misma estructura que Instagram, preparada para cuando tenga las mismas métricas.

Lo que pidió el cliente

Antes de ver los diseños, el cliente me pasó sus métricas prioritarias. Confirmaban el resumen y me llevaron a tres ajustes:

  1. Quitar los seguidores falsos

    Eran una estimación sin datos fiables.

  2. Subir la calidad de la audiencia

    Justo detrás del alcance.

  3. Sacar los seguidos al primer nivel

    Bajo la cifra de seguidores, sin desplegar nada.

En escritorio

Las métricas aparecen en dos sitios, con dos niveles de detalle. En el swipe, un resumen mínimo junto a la oferta, porque ahí solo se decide. En el perfil del creador, el análisis completo, con una pestaña por bloque que ya enseña su dato clave.

Métricas en el perfil del creador en escritorio: el resumen, una pestaña por bloque y la evolución de seguidores
Las métricas en el perfil del creador.

La entrega

Lo entregué en Figma, con prototipos navegables de móvil y de escritorio, los componentes y notas para desarrollo sobre qué dato va en cada bloque y cómo se comporta cada parte. Como su equipo pasa los diseños a código con IA, nombré las capas por lo que son, para que la herramienta las entienda.

Usé datos de demostración en positivo y lo dejé indicado: con los reales del creador del ejemplo, todos en negativo, el diseño parecía malo sin serlo.

Resultado

  1. Gran parte de la app, rediseñada

    Del swipe a las métricas de cada creador, en móvil y en escritorio.

  2. El CEO quiere seguir contando conmigo

    En septiembre me invitó a aparecer como diseñador en la página de la empresa en LinkedIn.

¿Hablamos?

Te cuento cualquiera de estos proyectos con más detalle, con las pantallas que no puedo publicar aquí.