Caso práctico: Doorway

Doorway ha sido uno de los proyectos más interesantes a los que nos hemos enfrentado. Ha sido un camino lleno de desafíos y aprendizajes. Cuando los cofundadores compartieron su idea con nosotros, nos entusiasmó mucho: se trataba de una especie de MVP que nunca habíamos visto antes, una nueva red social que pretendía cambiar la forma en que las personas influyentes y sus seguidores interactuaban. Aunque el proyecto supuso un nuevo paradigma, respetamos nuestro proceso habitual: empezamos con la definición y el concepto de la marca, luego desarrollamos el diseño y creamos la maquetación. Mientras tanto, diseñamos la estrategia de datos que Doorway debía seguir.

Para desarrollar Doorway, nos basamos en diferentes herramientas durante todo el proceso: Figma para llevar a cabo el diseño del producto, Webflow para su maquetación, Firebase y Firestore de Firebase como CRM y para toda la lógica, Telegram para la comunicación entre los usuarios y Stripe para los movimientos de las transacciones. También utilizamos Google Analytics, Hotjar y GTM para llevar a cabo la medición.

¿Qué es?

Doorway es una plataforma que se encarga de poder unir seguidores con personas influyentes. Quieren ser la puerta de entrada a microespacios privados y personalizados en los que los creadores interactúen directamente con sus seguidores y pongan el contenido a disposición mediante suscripción o pago por visualización.

¿Qué hace?

Doorway es una plataforma que se encarga de poder unir seguidores con personas influyentes. Quieren ser la puerta de entrada a microespacios personalizados y privados en los que los creadores interactúen directamente con sus seguidores y pongan el contenido a su disposición mediante suscripción o pago por visión.

¿Cuál era su principal problema?

Doorway era una idea bien definida que debía construirse en el entorno digital (necesitaba un sitio web). También tenían que comprobar que interesaba a las personas: tenían que validar su idea de negocio.

Nuestro proceso

En primer lugar, definimos nuestros objetivos y desarrollamos un plan de medición. En el plan de medición definimos los objetivos en los que queríamos centrarnos. A continuación, empezamos con el proceso de diseño, creando un moodboard personalizado y una estrategia de marca con estas ideas y los valores clave que Doorway compartía con nosotros. Después de eso, creamos estructuras alámbricas y adaptamos el nuevo diseño del sitio web. Tras la aprobación de este diseño por parte de Doorway, empezamos a trabajar en el desarrollo del proyecto en Webflow y, finalmente, creamos el sitio web de Doorway. También establecimos una estrategia de datos que nos permitiría seguir su evolución.

Ahora le guiaremos a través del proceso que seguimos:

Establecer nuestros objetivos

Una vez finalizada nuestra breve investigación, diseñamos un plan de medición en el que establecimos los principales objetivos del negocio. Queríamos crear una estrategia que nos acompañara durante todo el proceso de diseño:

Objetivo principal

Valide la idea de negocio, que consiste en crear una comunidad en torno al producto

Objetivos de activos digitales

Atracción

• Crecimiento del tráfico (llegar a 1000 usuarios en un mes)

Conversión

• Crecimiento de las suscripciones (alcanzar al menos 10 suscripciones de influenciadores y al menos 100 usuarios de suscripción en 1 mes)

Una vez aclarados los objetivos, nos centramos en trabajar en la creación del diseño del sitio web.

Diseño

Con las ideas recogidas tanto en la investigación que realizamos como en las ideas que los creadores de Doorway compartieron con nosotros, comenzamos el proceso de diseño.

Usamos Figma, que es una buena herramienta para la colaboración entre departamentos. Allí creamos una guía de estilo con diferentes aspectos:

• Lo primero que hicimos en el proceso fue realizar un estudio y análisis de diferentes sitios web que ofrecían servicios similares, lo que nos permitió tener una mejor idea de qué camino tomar al comenzar con el diseño.
• Una vez que tuvimos una idea de por dónde empezar, lo primero que hicimos fue establecer qué colores darían vida a la marca. Finalmente elegimos el amarillo, el negro y el beige. Todo ello con el objetivo de dotar a la página de una marca potente, haciendo que parezca algo único.

• En segundo lugar, elegimos el tipo de tipografía, eligiendo tres tipos, para los títulos adieu light y para body suisse regular y suisse semibold, ambas fuentes encajan con lo que la marca quería transmitir, dándole un toque de potencia y frescura.

• En cuanto a nuestra propuesta de UX, desarrollamos una arquitectura basada en la simplicidad de la marca. Lo que buscábamos era facilitar a los usuarios la navegación por el sitio web mientras comprendían en qué consistía la idea de la marca.

Después de crear y desarrollar todo el diseño en Figma, hicimos una última propuesta al cliente y, con su aprobación, comenzamos a construir el diseño en Webflow.

Desarrollo

Una vez que tuvimos listo el diseño del sitio web, comenzamos a construirlo. Teniendo claro que los principales objetivos eran ayudar a las personas influyentes y a los creadores de contenido a monetizar su audiencia y estar más cerca de sus seguidores; y ofrecer a sus seguidores contenido exclusivo, chatear con ellos de forma privada y crear contenido personalizado para ellos.

Para ello, la tecnología que utilizamos fue:

• Para toda la parte visual lo hicimos completamente con Webflow (Frontend).
• Todas las funcionalidades y la lógica se realizaron con las funciones de Firebase (Backend).
• El almacenamiento de datos se realiza principalmente en Firestore (base de datos) de Firebase, pero también parte de la información (perfiles públicos de los influenciadores) se almacena en el CMS de Webflow.
• Para hacer posible la comunicación entre el influencer y el seguidor, esto se hizo a través de Telegram, una plataforma a través de la cual también se podían realizar pagos.
• En cuanto a las suscripciones en la web, estas se pagarían a través de la herramienta Stripe.

Una vez que teníamos todo el paquete tecnológico configurado, pudimos definir las funcionalidades:

• Si una persona se suscribe (mediante pago) a uno o más influenciadores de contenido, podrá:
• Ver publicaciones exclusivas
• Chatea de forma privada y exclusiva con ellos
• Hágales preguntas o solicite contenido personalizado
• Si un influencer se suscribe a Doorway (de forma gratuita), podrá:
• Disponen de una plataforma donde puedan publicar textos, fotos o vídeos de forma exclusiva, donde solo podrán verlo sus seguidores que paguen la suscripción.
• Ten un contacto más cercano con tus seguidores chateando en privado con quienes estén suscritos.
• Envía contenido personalizado (fotos, vídeos, audios, documentos) a los seguidores suscritos que lo soliciten, previo pago de una cantidad establecida por el influencer.
• Acceso a un panel de control donde podrán publicar sus contenidos o ver sus ingresos por suscripciones o venta de contenido personalizado.

Activos de datos

Creamos un panel personalizado con diferentes páginas para que los usuarios de Doorway pudieran realizar un seguimiento del rendimiento de su sitio. En este panel incluimos cinco páginas diferentes: 1. Tráfico y audiencia, 2. Contenido, 3. Campañas y 4. Eventos.

La principal peculiaridad a la que nos enfrentamos con este proyecto fue que las primeras semanas necesitábamos probar su viabilidad. Por eso necesitábamos seguir de cerca la interacción de los usuarios con este producto. Diseñamos la guía de etiquetado centrándonos especialmente en las dos interacciones principales de los usuarios con el sitio web: las suscripciones de las personas influyentes y las suscripciones de los seguidores.

En la página «Eventos» del panel que creamos en Data Studio, incluimos algunos gráficos que muestran el rendimiento de cada una de las interacciones. También calculamos la tasa de interés o de conversión para cada uno de los objetivos. Así es como nos daremos cuenta de si el producto está teniendo una buena acogida entre las personas o no.

El resultado

Con el diseño final lanzado, ¡ahora solo tenemos que esperar para ver si se cumplen nuestras expectativas de objetivos!

Disfrutamos colaborando con un cliente tan increíble que va a revolucionar las relaciones entre los influencers y sus seguidores y llevarlos a otro nivel. Hemos aprendido muchas cosas en el proceso hasta llegar al producto final, ¡y nos ha encantado poder realizar un proyecto que se ajustaba a las necesidades del cliente!

Te recomendamos encarecidamente que visites su sitio beta y te quedes con el último: https://www.doorway.club/

¿Tienes una idea para alguna plataforma social? ¡Te podemos ayudar a construirla! ¡Puede contactarnos a través de nuestro formulario de contacto en nuestro sitio web!

¡Espero que hayas disfrutado del estuche! ¡Estén atentos para más!

‍