OVERVIEW
Project Brief
Crypto Baddies es una comunidad web3 que empodera a mujeres y personas no binarias a través de sesiones de mentoría, charlas y lanzamientos de proyectos. El proceso para convertirse en un Crypto Baddie y acceder a las conferencias supone la creación de un NFT (Token No Fungible).
El problema
Todo el mundo está hablando de cómo construir en el ecosistema web3 y también quiere que más personas se involucren en este espacio y lo utilicen. Pero para las personas no técnicas, no siempre es fácil. La meta Brindar la oportunidad de aprender sobre web3 y crear su NFT, guiando a nuestros usuarios en cada paso del proceso.
EMPATIZAR
Todo comienza con un poco de empatía
Comencé el proceso identificando quiénes serán nuestros usuarios y sus habilidades, dificultades, intereses y objetivos. Nuestros usuarios son principiantes y esta puede ser su primera experiencia en web3. Por lo tanto, quería construir el proceso de creación de NFT lo más acompañado posible y evitar la frustración que podría surgir al no entender lo que están haciendo mal.
Para sintetizar la investigación anterior sobre nuestros usuarios, creé una persona ficticia. Esta persona sirvió como un recordatorio continuo de las características de las personas que podrían usar Crypto Baddies.
DEFINIR
El camino para crear tu primer NFT
Utilizando los hallazgos de la investigación y la persona ficticia, pude trazar un flujo de interacción. El flujo a continuación muestra todos los posibles errores que un principiante podría encontrar. Descubrí que para lograr nuestro objetivo, los usuarios necesitarán pasar por tres etapas:
Metamask
Crear | Conectar la billetera
Proceso de creación del NFT
IDEAR
Metamask
Metamask es una de las billeteras más populares en web3, pero eso no significa que todos la conozcan. Alguien que esté usando Metamask podría encontrarse con tres problemas típicos:
Incompatibilidad del navegador
Extensión no instalada
No se ha iniciado sesión en la cuenta (o no se ha creado una cuenta)
Para mejorar la experiencia de nuestros usuarios, diseñé todos los posibles errores centrándome en dos aspectos: explicar el significado del error y proporcionar orientación sobre cómo superarlo. Para el primer aspecto, opté por un lenguaje sencillo, evitando cualquier término técnico como "error 404". En cuanto al segundo aspecto, decidí proporcionar enlaces a la documentación oficial, que considero confiable y completa.
PROTOTIPADO
Crear | Conectar la billetera
Nuestros usuarios ya han creado una cuenta, pero podrían enfrentar otros problemas posibles:
Red incorrecta
Fondos insuficientes
Por eso, en el frontend, solicito información sobre la billetera conectada, su red y el saldo actual. Esto ayuda a evitar que los usuarios encuentren mensajes como: "¡Amigo, no tienes fondos o el saldo es insuficiente. ¡Por favor, carga la billetera!" Además, evita la ejecución innecesaria del contrato inteligente.
PROTOTIPADO
Mi tesoro... Minting el NFT
¡Muy bien, nuestro usuario tiene una billetera conectada a la red correcta y tiene dinero para crear el NFT! Solo queda el proceso de creación del NFT en sí. Creo que cada acción del usuario requiere al menos un mínimo de retroalimentación, por lo que me enfoqué en informar sobre lo que está sucediendo en estos últimos pasos y el resultado nos lleva a OpenSea para ver el NFT que hemos creado.
Aprendí de algunos cursos cómo integrar el frontend con contratos inteligentes, pero esta fue mi primera experiencia diseñando para una integración web3, por lo que me siento muy agradecido. Y, ¡Sí! Diseñé y codifiqué el sitio web de Crypto Baddies.
