Carrera de la Mujer · WebApp · Propuesta de diseño mobile first

Carrera de la Mujer 2026 · Propuesta de diseño · Mobile first

Una corredora,
una banderita digital.

Tres aplicaciones conectadas: la WebApp privada de la corredora, su página solidaria pública (con QR teléfono-a-teléfono) y el panel de la organización para gestionar inscripciones. Diseñadas mobile first, accesibles desde cualquier navegador sin descarga.

13 pantallas · 3 aplicaciones WebApp corredora privada · 6 utilidades Página solidaria pública · 4 vistas Panel organización · 3 vistas v1.0 · mayo 2026

Sección 01 · WebApp corredora

Lo que hace la corredora en su app.

Acceso desde el móvil sin instalar nada. Login con su email + contraseña o pasarela del dorsal. Aquí elige causa, paga la inscripción, activa o desactiva su botón público, y sigue en directo lo que recauda.

9:41•••

Hola, María

@maria_corre · Dorsal #3.482

En directo

Recaudado en tu página

247 €

12 personas han donado Objetivo 500 €

Causas

Carrera

17 May

Salida

Botón público activo

Tu gente puede donar ya

⌂

Inicio

♥

Causas

▦

↗

○

Perfil

Privada · 01 Inicio · resumen en vivo Recaudación, causas, carrera y toggle del botón público en una sola pantalla.

9:41•••

Paso 2 de 4 · Inscripción

Elige tus causas

Sport Life ofrece desinteresadamente este listado de asociaciones verificadas. Puedes elegir una o repartir entre varias.

♥

Cáncer de mama

AECC

40 %

⊕

ELA

adELA

30 %

✿

Fibromialgia

AFIBROM

30 %

Ver 6 más

Causas verificadas

añadir

Privada · 02 Elegir causas Una o varias asociaciones con reparto por porcentajes — se puede modificar en cualquier momento.

9:41•••

Inscripción · circuito 2026

Apúntate a tu carrera

🔍 Buscar ciudad o fecha…

10 km 26 plazas

Madrid

Domingo 17 mayo 2026 · 09:00 · Casa de Campo

25 € · dorsal + camiseta + chip

5 km Próxima

Valencia

7 junio 2026 · Jardín del Túria

22 €

5 km Plazas libres

Gijón

21 junio 2026 · Paseo del Muro

22 €

Privada · 03 Apuntarse a una carrera Las 9 pruebas del circuito, plazas en vivo, precio del dorsal y enlace a pago.

9:41•••

Carrera de la Mujer · Madrid

Tu dorsal,
un solo cargo.

Inscripción 10 km25,00 €

Seguro deportivo + chipincluido

Camiseta técnicaincluido

Total 25,00 €

Método de pago

Bizum

Pago instantáneo · sin comisión

●

▱

Tarjeta · Stripe

Visa, Mastercard, Apple Pay

○

El pago del dorsal cubre los costes reales de organizar la carrera. La donación a las causas se hace luego, voluntariamente y de forma transparente.

Privada · 04 Pagar el dorsal Cargo único por inscripción, Bizum o Stripe. Sin mezclar nunca con la donación voluntaria.

9:41•••

Vista previa pública

Tú decides cuándo se abre.

Botón «Donar» visible

Activado · cualquiera con el enlace puede aportar

Enlace público

carreradelamujer.com/maria_corre

Copiar Editar slug Acortar

Compartir con tu gente

WhatsApp Instagram X / Twitter Email

Mensaje sugerido

«Corro la Carrera de la Mujer por la ELA. Cualquier euro va directo a adELA. Apóyame aquí 👉»

Privada · 05 Activar y compartir Toggle del botón público, enlace personal y mensaje listo para WhatsApp.

9:41•••

Teléfono a teléfono

Tu banderita
en el bolsillo.

Acerca este QR a otro móvil y se abrirá tu página de donación con Bizum o Stripe ya listo.

@maria_corre

ELA · adELA · Madrid 17 mayo

Funciona offline

Imprime el QR y llévalo en el dorsal. Al escanearlo se abre tu página aunque tú no tengas datos en ese momento.

Privada · 06 QR personal teléfono-a-teléfono El QR abre tu página pública con Bizum/Stripe listo. Sirve incluso impreso en el dorsal.

Sección 02 · Página solidaria pública

Lo que ve el donante cuando entra.

Una URL —o un QR— y aterrizas en la página de la corredora. Nickname, foto, sus carreras, sus causas, el contador en vivo y un botón grande para donar. Cifras globales del circuito y enlace al dashboard completo en el pie.

9:41•••

María García

@maria_corre · Dorsal #3.482

Recaudando ahora

Recaudado para sus causas

247 €

12 personas · objetivo 500 €

Sus carreras

Carrera de la Mujer · Madrid 10 km

17 mayo 2026 · 09:00 · Casa de Campo

Sus causas · ella decidió

ELA · adELA

50 %

Cáncer · AECC

30 %

Fibromialgia

20 %

100 % directo a la asociación · cert. fiscal automático

Pública · 01 Perfil público de la corredora Lo primero que ve quien llega por enlace o QR: foto, carreras, causas y botón gigante para donar.

9:41•••

Paso 1 de 2

¿Cuánto quieres aportar?

Otra cantidad

25 €

Mínimo 2 € · sin máximo

Reparto según las causas de María

ELA · adELA

12,50 €

Cáncer · AECC

7,50 €

Fibromialgia

5,00 €

¿Quieres certificado fiscal?

Pública · 02 Elegir cantidad a donar Importes sugeridos, libre, y reparto automático según las causas que escogió la corredora.

9:41•••

25 € · Donación a las causas de María

Un toque y listo.

Tu móvil ya lleva Bizum o tarjeta. No tienes que crear cuenta — la donación va directa a la asociación, no a Sport Life.

o escanea

Eres tú quien presta el móvil

Si tu amigo quiere donar desde su propio teléfono, enséñale el QR de María

Abre Bizum o Stripe en su móvil al instante

Pagas a la asociación, no a Sport Life · sin retención · 100 % a la causa

Pública · 03 Pago Bizum / Stripe + QR teléfono-a-teléfono Bizum o tarjeta en un toque. El QR permite que otra persona done desde su móvil sin perderte.

9:41•••

✓

Gracias.
Ya está en adELA.

Tu donación se reparte entre las tres causas de María. Te llegará el certificado fiscal por email.

Tu impacto suma a

Cifras globales · Circuito 2026

412.730 €

recaudados por todas las corredoras · 8.214 donantes

3.940

Corredoras activas

Ciudades

Reparto global · decidido por ellas

AECC

41 %

adELA

32 %

AFIBROM

27 %

transparencia.carreradelamujer.com · auditado por KPMG

Pública · 04 Gracias + cifras globales Confirmación, reparto y enlace al dashboard auditado del circuito completo.

Sección 03 · WebApp organización

Lo que hace Sport Life para dar de alta.

Una app interna para inscribir corredoras, validar identidades y gestionar las 9 ediciones del circuito. Sigue el mismo lenguaje visual pero en clave «administración» — más sobria, fondos en gris claro.

9:41•••

Circuito 2026

Hola, Carlos

3.940

Inscritas

412 K

Recaudado

Ciudades

Próxima · Madrid

17 mayo · plazas vendidas 84 %

T-23 d

Acciones rápidas

Pendiente de revisar

Lucía MartínDorsal pendiente · Madrid

Validar

Paula G.Cambio de causa

Revisar

Ana R.Identidad verificada

⌂

Inicio

▤

Corredoras

▦

Carreras

€

Finanzas

○

Organización · 01 Dashboard del equipo Sport Life Inscripciones, recaudación, próxima carrera y bandeja de validaciones pendientes.

9:41•••

Paso 1 de 3 · Datos personales

Alta de corredora

Nombre completo

María García Ruiz

DNI / NIE

52439218H

Edad

34 años

Email · login y certificado fiscal

maria.garcia@email.com

Teléfono · Bizum y SMS de confirmación

+34 612 84 39 21

Nickname público

@maria_corre

✓ Disponible · será su URL personal

Organización · 02 Alta de corredora · datos personales Tres pasos: datos, carrera elegida y validación. Genera automáticamente el nickname y la URL pública.

9:41•••

Madrid · 17 mayo

3.940 corredoras

Todas · 3.940 Pago OK · 3.812 Pendientes · 92 Bajas · 36

🔍 Buscar por nombre, nick o dorsal…

María García@maria_corre · #3482

247 €

Rosa Ruiz@rosa_runner · #2104

1.240 €

Maite Casas@maite_corre · #2389

980 €

Paula Lozano@paula_l · #2911

Pendiente

Ana Reyes@anare · #3104

412 €

Sara Díaz@saradi · #3221

156 €

Organización · 03 Listado de inscritas por carrera Filtros, búsqueda, importe recaudado por cada una y exportación a CSV para los partners.

Sección 04 · Arquitectura

Cómo se conectan las tres apps.

Un único backend, tres puertas. La organización da de alta, la corredora gestiona, el donante aporta. Los importes nunca pasan por Sport Life: van directos al beneficiario.

Organización

Da de alta y valida

Crea carreras, inscribe corredoras, exporta listados, valida identidades. Un solo panel para las 9 ediciones del circuito.

Corredora

Decide y comparte

Elige sus causas, paga su dorsal, activa el botón público y comparte su QR. Su WebApp vive más allá del día de la carrera.

Donante

Aporta sin fricción

Llega por enlace, WhatsApp o QR teléfono-a-teléfono. Bizum o tarjeta en un toque. 100 % al beneficiario, certificado fiscal automático.

Stack técnico

PWA · React + Tailwind · iOS/Android sin app store · Auth con email + magic link · Bizum (9.000+ ONG ya adheridas) · Stripe Connect destination charges

Identidad visual

Tipografía Newsreader (serif) + Inter (sans). Accent #C81E5A. Sobria, lejos del rosa pastel, fácil de leer en pantalla pequeña con luz directa.

Accesibilidad

Contraste AA WCAG 2.1 · tipografías 14 px mínimo en cuerpo · áreas clicables 44 × 44 px · navegación por teclado y lector de pantalla · español y catalán al lanzamiento.

Privacidad

Nombre real solo en panel de organización. En el ranking público solo nickname y foto que la corredora elija. Toggle del botón público bajo su control en todo momento.