Industry
Web3 & Sustainability
Client
Elisava
Year
2023
Duration
4 Months
Redo: A secondhand marketplace powered by web3
Redo se centra en explorar en como la Web3 puede ser un ecosistema transformador e innovador en el diseño de producto digital. Las claves de este proyecto son asegurar la autenticidad a través de la trazabilidad del producto.
Redo es el proyecto final de Master de Diseño y Dirección en UX y Productos Digitales de ELISAVA (Barcelona). Fué nominado a los Master Awards de ELISAVA y premiado por la Asociación de Diseño Gráfico y Comunicación Visual (ADG-FAD) con el premio LAUS de plata el año 2024.
El reto que se nos propone es el siguiente; Un proyecto de innovación social que resuelva uno o varios Objetivos de Desarrollo Sostenible (ODS) desarrollados por la Organización de Naciones Unidas (ONU).
El proyecto lo realizamos entre: Hannah Adib, Yenny Rong y yo mismo.
Nuestros tutores del proyecto fueron Pablo Casals y Anna Cuyás, guiándonos y mentorizándonos para llevar el proyecto al siguiente nivel. (Infinitamente agradecidos)
Los roles dentro del proyecto no quedan muy definidos ya que trabajamos de forma colaborativa. Cabe destacar que Hannah aportó inteligencia y planificación. Yenny fue el alma creativa del proyecto y yo me dediqué a dar forma al producto, investigando sobre la base tecnológica y de negocio. La construcción del producto fue cosa de todos, aportando y colaborando en el diseño de la experiencia de usuario y en el prototipado.
Challenge
En Elisava, detectamos un alto desperdicio de materiales entre los estudiantes de Diseño e Ingeniería. Extrapolando este problema a un nivel más amplio, observamos que el sector del arte y el diseño genera una gran cantidad de residuos reutilizables que, sin embargo, no se reaprovechan.
Algunas de las iniciativas de la universidad para fomentar el reciclaje y la reutilización de materiales. A la izquierda: una app propia de la universidad (nadie la usa) y a la derecha un cubo donde alumnos pueden dejar los materiales sobrantos para que otros puedan reutilizar (se usa muy poco)
¿Cómo evitar que estos materiales acaben en la basura ¿Cómo impulsar su reutilización a través de un producto o servicio digital?
A partir de estas preguntas, definimos los objetivos clave de Re·do:
Fomentar el reciclaje → Crear una plataforma donde los usuarios puedan comprar y vender materiales sobrantes, reduciendo el desperdicio y promoviendo una cultura de reutilización.
Promover la creatividad sostenible → Incentivar el uso de materiales reciclados en proyectos artísticos y de diseño, impulsando la conciencia ambiental y la innovación sostenible.
Mejorar la trazabilidad → Garantizar la transparencia sobre el origen y calidad de los materiales, generando confianza y seguridad en las transacciones.
Facilitar el acceso a materiales reciclados → Hacer que estos materiales sean más accesibles y asequibles para artistas y diseñadores, ofreciendo información detallada y una amplia variedad de opciones.
Reducir el desperdicio → Dar una segunda vida a los materiales que de otro modo acabarían en vertederos, fomentando un consumo más responsable.
Product Design
Investigación
Para diseñar Re·do, comenzamos con una fase de investigación centrada en las necesidades de los usuarios, las tendencias emergentes, la base tecnológica y el análisis de mercado para definir nuestro posicionamiento. A través de esta investigación pudimos modelar usuarios tipo cubriendo diferentes espectros de necesidades y una estrategia de mercado que formalizaría los aspectos clave del producto.
Investigación de usuarios
Realizamos entrevistas a alumnos, profesores y agentes implicado con el compromiso sostenible dentro de Elisava, además de encuestas aleatorias a personas vinculadas al sector del arte y el diseño para poder determinar las necesidades actuales de todos los agentes implicados. A través de esta investigación pudimos obtener insights para el diseño del producto.
En esta imagen podemos ver los insights más siginificativos de la investigación de los usuarios y de los demás agentes implicados.
Análisis de tendencias
Nos basamos en el Informe Anual de la Sociedad de la Innovación (SDLI), donde identificamos tendencias clave en nuevos modelos de negocio, blockchain y economía digital. También destacamos movimientos en sostenibilidad como Zero Waste, economía colaborativa y la tendencia creciente del segundo uso.
Benchmark y análisis de mercado
Definimos el posicionamiento de Re·do como una plataforma híbrida entre las principales apps de compra-venta de segunda mano y las nuevas plataformas de activos digitales (NFTs). Así, unimos la sostenibilidad con una visión tecnológica avanzada.
Modelado de usuarios
Creamos tres perfiles de usuario basados en los hallazgos de nuestras encuestas y entrevistas. Estos perfiles nos permitieron identificar sus necesidades, puntos débiles y oportunidades de mejora.
Por ejemplo:
Ann (Usuario 3) necesita certificar la procedencia de los materiales en sus proyectos Zero Waste, pero no cuenta con un sistema de verificación.
Solución: Re·do proporciona certificación de materiales reutilizados, asegurando su origen dentro de la plataforma.
Modelado de usuarios: Este ejercicio nos sirvió para definir tres usuarios que recogieran las necesidades de usuarios reales obtenidas a partir de las entrevistas y las encuestas realizadas previamente. Esta práctica fué clave para detectar puntos débiles y segmentarlos en tres tipos de usuarios. Posteriormente usaremos estos usuarios para el diseño de los flujos y el diseño de las pantallas.
Estrategia de negocio
Además de realizar la investigación, definimos la estrategia de negocio que debía seguir nuestro proyecto. Identificamos los aspectos clave de nuestro producto/servicio, lo que nos permitió profundizar en factores determinantes que impactarían directamente en el desarrollo del proyecto.
Plataforma de economía colaborativa basada en el intercambio de materiales entre compradores y vendedores apoyado en la Web3.
Para estructurar esta estrategia, utilizamos un Business Model Canvas, lo que nos permitió visualizar todos los elementos esenciales de manera clara y en un solo escenario. Tomamos como base los segmentos de usuarios previamente definidos en el modelado para asegurar que nuestra estrategia estuviera alineada con sus necesidades y expectativas.
Gracias al Business Model Canvas, pudimos identificar y analizar todos los factores clave que impactarían en el producto, lo que nos permitió tener una visión global del proyecto y asegurar que cada aspecto estuviera alineado con los objetivos estratégicos.
Nuestra investigación reveló la falta de iniciativas sólidas para la reutilización e intercambio de materiales que garanticen factores clave como procedencia y trazabilidad. Como consecuencia, tampoco existen certificaciones asociadas a proyectos sostenibles.
Además, constatamos que las soluciones actuales no son efectivas y requieren un enfoque innovador para generar un impacto real en la sostenibilidad. En este contexto, las tecnologías emergentes se presentan como aliadas clave para desarrollar nuevas soluciones, como es el caso de Re·do.
Con estos hallazgos, dimos paso a la fase de desarrollo, donde convertimos preguntas en respuestas y empezamos a dar forma al producto digital.
Product Development
En esta fase desarrollamos la solución al desafío planteado, cumpliendo con todos los objetivos establecidos y basándonos en la investigación previa. Comenzamos redactando la propuesta de valor y definiendo el papel de la Web3 en el proyecto. Posteriormente, diseñamos el núcleo de la app, la arquitectura de la información y los flujos de usuario, para adentrarnos en el diseño de la interfaz.
Propuesta de valor
Definimos la propuesta de valor de Re·do utilizando el Value Proposition Model Canvas, asegurando que se alineara con las necesidades del usuario y mantuviera coherencia en su redacción.
Re·do es un marketplace de materiales reutilizados que ayuda al sector del arte y el diseño a reducir el desperdicio, garantizando autenticidad y procedencia a través de Web3.
A partir de esta propuesta, establecimos las funcionalidades clave del producto:
Marketplace → Compra y venta de materiales reutilizados.
Discover → Espacio para descubrir tendencias y materiales innovadores.
Certificación de materiales → Verificación de origen y trazabilidad mediante blockchain.
Moneda propia → Sistema de transacciones basado en tokens.
Recompensas → Incentivos para fomentar la reutilización y la sostenibilidad.
El papel de Web3
La Web3 y su ecosistema tecnológico juegan un rol fundamental en Re·do, permitiendo la trazabilidad, autenticación y descentralización de las transacciones. Estas tecnologías garantizan un sistema seguro y transparente para los usuarios, reforzando la confianza en el intercambio de materiales.
¿Por qué la Web3 es clave en Re·do?
Sin la Web3, no podríamos garantizar la trazabilidad ni el origen de los materiales intercambiados en Re·do. La blockchain nos permite certificar cada material y registrar su historial, asegurando transparencia en cada transacción.
Una de sus mayores ventajas es que permite a los usuarios poseer tanto la propiedad física como digital de los materiales adquiridos. Toda la historia de cada material queda registrada en su activo digital y se refleja en la app, mostrando a toda la comunidad su recorrido: propietarios anteriores, proyectos en los que se ha usado, reutilizaciones, etc.
Más allá de ofrecer un sistema sostenible de intercambio, Re·do apuesta por la creatividad y la construcción de una comunidad comprometida con la reutilización y la innovación.
Proceso de registro de materiales en la plataforma: Cada material recibe un ID único e irrepetible, lo que permite rastrear su procedencia en nuestra base de datos. Al subirlo, se genera un NFT que otorga la propiedad al usuario que lo añade, permitiendo su posterior intercambio. Finalmente, se certifica con nuestro sello digital, garantizando su autenticidad y sostenibilidad.
A lo largo del proceso de venta, las tecnologías Web3 convergen en distintos puntos clave: desde la asignación de Token IDs y el registro en la blockchain hasta la creación de NFTs y los pagos con nuestra propia moneda. Todo esto garantiza transparencia y aprovecha al máximo las posibilidades de un ecosistema cripto.
¿Cómo aseguramos la procedencia de cada material? ¿Cómo garantizamos la trazabilidad? ¿Cómo creamos un ecosistema seguro?
Todas estas preguntas encuentran su respuesta en la Web3, ya que seguimos los principios fundamentales que la definen: descentralización, transparencia y propiedad.
Re·do utiliza la Web3 para garantizar la propiedad digital de cada material intercambiado en la plataforma. Cada activo físico que se vende en el marketplace tiene una réplica digital en forma de activo digital único, permitiendo su identificación, rastreo y certificación.
Proceso de trazabilidad con Web3
Subida del material → Cuando un usuario pone a la venta un material, este recibe un ID único e irrepetible.
Creación del activo digital → Se genera un NFT vinculado al material, asegurando su autenticidad y procedencia dentro de la blockchain.
Intercambio y certificación → Al concretarse la venta, el activo digital se transfiere automáticamente a la Wallet del comprador junto con un certificado digital que avala su sostenibilidad.
Este sistema no solo garantiza la trazabilidad de los materiales, sino que también empodera a los usuarios, brindándoles un registro inalterable de propiedad y procedencia. Gracias a la Web3, cada transacción en Re·do es segura, transparente y verificable.
Comenzamos con el diseño de la arquitectura de la información, definiendo los flujos de usuario y creando los wireframes necesarios para dar forma al diseño de la interfaz de usuario. Este proceso nos permitió establecer una estructura clara y eficiente para la app, asegurando una experiencia de usuario coherente y fluida antes de pasar al diseño visual.
Una vez definidos los procesos clave, como la certificación y compra de materiales, pasamos a diseñar los flujos de usuario. Estos fueron fundamentales no solo para estructurar los demás procesos, sino también para optimizar nuestro propio flujo de trabajo, identificando las pantallas necesarias para el desarrollo completo de la app. Con la arquitectura de la información y los flujos bien establecidos, comenzamos el diseño de la interfaz de Re·Do.
Para optimizar nuestro trabajo, antes de comenzar a prototipar, diseñamos un pequeño UI Kit que nos permitió trabajar de manera colaborativa bajo unos mismos parámetros, estableciendo bases sólidas y coherentes para el diseño de la interfaz.
Para distinguirnos de la estructura convencional de los marketplaces digitales, decidimos adoptar una estética innovadora y audaz, que se apartara de lo predecible. No obstante, era fundamental identificar un elemento visual sólido que nuestros usuarios pudieran reconocer fácilmente y que tuviera un fuerte fundamento conceptual.
Nos inspiramos en la deformación de la letra “R” de nuestro logo, un rasgo distintivo y recurrente en nuestra identidad visual. A partir de esta base, desarrollamos un sistema de formas dinámicas, que se aplican a lo largo de todo nuestro diseño en diversas versiones, tamaños y colores. Esto nos ha permitido crear una identidad visual unificada, innovadora y coherente que refleja nuestros valores y el propósito de la plataforma.
Perseguimos una estética que fuera disruptiva y fuera de lo común, salvaguardando la accesibilidad y la usabilidad que en todo momento fué un tema central para el diseño de la interfaz de usuario.
Diseño de la app
Diseñamos la app centrándonos en tres flujos principales:
Onboarding y subida de material
Compra de material
Publicación de un proyecto sostenible en Re·do
Optamos por estructurar la app en función de estos flujos porque nos permitían definir la mayor cantidad de pantallas, abarcando el recorrido completo del usuario de principio a fin.
Nuestro principal objetivo era desarrollar un MVP funcional que ofreciera una visión clara del producto y su funcionamiento, facilitando su presentación ante inversores y validando su potencial en el mercado.
Flujo 1: Registro y subida de material
Este flujo guía al usuario desde el registro hasta la publicación de un material en la plataforma para su intercambio con otros usuarios. A lo largo del proceso, atraviesa varios puntos clave:
Registro (Sign up)
El usuario crea una cuenta en Re·do proporcionando sus datos personales.Sincronización de Wallet
Para garantizar seguridad y rapidez en el registro, utilizamos MetaMask como wallet de Re·do. Los usuarios pueden sincronizar una wallet existente o crear una nueva directamente desde la plataforma.Home: Primer contacto con la plataforma
Tras el registro, el usuario accede a la Home, donde la interfaz simula un marketplace tradicional, facilitando la navegación y comprensión del ecosistema.Subida de material
El usuario simplemente toma fotos del producto y completa los campos requeridos. Para garantizar uniformidad visual, utilizamos Polycam, que convierte las imágenes en activos digitales, permitiendo la creación de NFTs de cada material subido.Certificación
Todo material registrado en la plataforma obtiene un certificado de procedencia sostenible, asegurando su autenticidad y alineación con los valores de Re·do.Asignación automática de precio
Para evitar fraudes, el precio de venta es determinado por la plataforma en función de parámetros predefinidos.Recompensa
Como incentivo por contribuir al ecosistema sostenible de Re·do, el usuario recibe una recompensa monetaria simbólica, que se refleja automáticamente en su wallet. Esto refuerza el sentido de comunidad y participación.
Flujo 2: Compra de material
A diferencia del proceso de subida de materiales, la compra es un flujo mucho más sencillo. Nuestro objetivo es ofrecer una experiencia intuitiva y funcional, asegurando que la tecnología innovadora detrás de Re·do no represente una barrera para el usuario.
Selección del producto
El usuario elige el material que desea adquirir.Ficha del producto
Cada material cuenta con un historial detallado, donde el usuario puede consultar:Origen del material
Propietarios anteriores
Proyectos en los que ha sido utilizado
Compra con Roins
El usuario paga con Roins, la criptomoneda propia de Re·do.Recepción del activo digital
Al completar la compra, el usuario recibe automáticamente un activo digital que certifica la propiedad del material.Entrega del material
Días después, el material físico es enviado al domicilio del comprador o a un punto de recogida. A partir de ese momento, el usuario se convierte en el nuevo propietario registrado en la plataforma.
Flujo 3: Publicación de un proyecto en la comunidad
Desde el inicio del diseño del producto, identificamos la importancia de construir una comunidad activa en diseño sostenible. Por ello, incorporamos en el marketplace una sección de Comunidad, donde los usuarios pueden compartir sus proyectos e inspirarse mutuamente.
Todos los proyectos publicados en Re·do han sido creados por miembros de la comunidad utilizando materiales intercambiados a través de la plataforma, garantizando así su origen sostenible.
Un enfoque "App First" para un producto ágil
El diseño de la aplicación se estructuró en torno a estos tres flujos principales, siguiendo un enfoque App First. Esta metodología nos permitió:
Optimizar tiempos de desarrollo, asegurando una ejecución ágil.
Centrarnos en la investigación y el diseño del producto, priorizando la experiencia del usuario.
Construir un ecosistema digital sólido, donde sostenibilidad, comunidad e innovación tecnológica convergen en un mismo espacio.
Brand Design
El diseño de marca fue un aspecto clave en el desarrollo del producto. Necesitábamos reflejar innovación y tecnología, pero al mismo tiempo, asegurarnos de que el producto fuera accesible para todos los usuarios.
Para lograrlo, elegimos una tipografía Sans Serif, que es fácil de leer y tiene una estructura moderna, simbolizando la innovación. El Isotipo de Re·do se construye con formas simples, a las que les dimos un toque antropomórfico para establecer una conexión emocional entre el usuario y la marca.
Logos de Re·do
Queríamos alejarnos de los colores tradicionales asociados a la sostenibilidad, como el verde o el marrón. En lugar de estos tonos, elegimos una paleta de colores que transmitiera modernidad e innovación, sin perder la accesibilidad que hace que nuestro producto sea fácil de usar para todos.
Dado que Re·do sigue un enfoque App First, diseñamos el icono de la app utilizando nuestro isotipo, asegurando una imagen altamente reconocible en el menú del smartphone. Esto proporciona al usuario acceso directo a Re·do de un vistazo.
Re·do no es solo un marketplace; queremos que los usuarios accedan a la app tantas veces como deseen, no solo para intercambiar, sino para inspirarse y apoyar a la comunidad.
App icon de Re·do
Imagenes de promoción del producto para las Apps Stores.
Re·do se ofrece a los usuarios a partir de los principales App markets (Google Play y App store). Se trata de una app de descarga gratuita, sin restricciones ni compras adicionales. Nuestra propuesta es clara; democratizar la sostenibilidad y crear una comunidad activa de diseñadores y artistas que apuestan por proyectos con un alto impacto en la sostenibilidad.
Publicidad de Re·do dentro de la universidad. Nos focalizamos en estar presentes en primera persona en donde ocurren los problemas que queremos resolver. Ofreciendo a nuestro usuarios una solución simple y funcional para ayudarnos a salvaguardar el planeta.
