Trainfy — imagen de portada

Trainfy

Fullstack Developer · UI/UX Design

Proyecto final Bootcamp Fullstack Developer de Hack a Boss — 2019 · Vigo

Trainfy

Fullstack Developer | UI/UX Design

Proyecto final Bootcamp Fullstack Developer de Hack a Boss

Equipo de 3

2019 · Vigo

Trainfy logo

De marketplace deportivo a comunidad.

Partiendo de un brief técnico para una plataforma de compraventa deportiva, ayudé a convertir Trainfy en una experiencia más relacional, pensada para intercambiar material, conectar y crear comunidad.

La presentación final del bootcamp de Trainfy con empresas del sector me permitió conseguir varias oportunidades de incorporación.

Vista del feed principal de Trainfy con publicaciones de intercambio deportivo
Pantalla de exploración de perfiles deportivos en Trainfy
Logotipo e identidad visual de Trainfy sobre fondo azul corporativo
Detalle de tarjeta de anuncio deportivo en la interfaz de Trainfy
Mockup del perfil de usuario con historial de actividad e intercambios
Flujo de publicación de anuncio paso a paso en Trainfy
Sistema de diseño de Trainfy — componentes, paleta y tipografía
Selector de disciplinas deportivas en el onboarding de Trainfy
Vista del feed principal de Trainfy con publicaciones de intercambio deportivo
Pantalla de exploración de perfiles deportivos en Trainfy
Logotipo e identidad visual de Trainfy sobre fondo azul corporativo
Detalle de tarjeta de anuncio deportivo en la interfaz de Trainfy
Mockup del perfil de usuario con historial de actividad e intercambios
Flujo de publicación de anuncio paso a paso en Trainfy

El reto

Enfoque y alcance del proyecto

Trainfy nació como proyecto final del bootcamp fullstack. El brief era técnico: una plataforma de compra-venta de material deportivo. Pero al llevar la idea al terreno real aparecía una duda evidente: Ya existen Wallapop, Milanuncios…¿tenía sentido construir otro marketplace de nicho?

La respuesta llegó cambiando la pregunta: ¿y si los amantes del deporte pudieran no solo comprar y vender material, sino también intercambiarlo, entrenar juntos, crear comunidad? Eso es lo que construimos.

Proceso de redefinición del brief — de marketplace a comunidad deportiva

Redefinir el brief

El encargo pedía un marketplace. Nosotros lo elevamos a una comunidad deportiva. Esa decisión cambió la arquitectura, el diseño y el stack desde el primer día.

Exploración de identidad visual para Trainfy — naming, paleta y sistema tipográfico

Diseño y arquitectura en paralelo

Mientras analizábamos la arquitectura de datos y la lógica del producto, definía identidad, flujos de experiencia y sistema de interfaz a la vez. Esas conversaciones ocurrían en paralelo, no una después de la otra. Esa forma de trabajar hizo que el producto fuera más coherente desde dentro.

Stack técnico de Trainfy — React, Node.js y PostgreSQL en producción

De la marca al producto digital

Fue mi primer proyecto fullstack real y el primero en el que conecté branding, interfaz y desarrollo dentro de una misma lógica de producto. Ahí entendí por primera vez un producto digital de extremo a extremo.

Pantalla de registro de Trainfy — primer punto de contacto con la comunidad deportiva

Insight

El valor no estaba en segmentar un marketplace existente,

sino en convertir el intercambio
en una forma de conexión entre deportistas.

Lo que Trainfy Llegó a Hacer

Una plataforma funcional construida en tres semanas.

Cuatro meses de bootcamp intensivo. Tres semanas de proyecto final. Equipo de tres personas.

Construimos un MVP con autenticación, perfiles de usuario, publicaciones de compra, venta e intercambio, mensajería entre deportistas y una estructura de base de datos pensada para sostener el producto desde su lógica interna.

Stack
React Node.js PostgreSQL Redux Axios Bcrypt Cloudinary

Resultados

Lo que se construyó en 3 semanas

Trainfy no llegó a producción, pero sí cumplió su objetivo: demostrar que podía construir un producto digital completo. Poco después de presentarlo, empecé a trabajar en desarrollo y diseño de producto.

Ahí entendí que mi valor estaba en la intersección entre negocio, experiencia y tecnología.

Imagen de fondo de la cita final — atleta en movimiento
Fue el primer proyecto en el que entendí que el diseño y el código no son disciplinas distintas. Son la misma pregunta hecha de dos formas.
Nazareth, sobre Trainfy
Ibiza Observatorio de Edificación
Silvia Fernández De Luna
Las Islas Cíes