To Live Again
El sitio de una fundación que tiene que hablarle a dos personas opuestas
- Estado
- En línea
- Entregables
- Cuatro páginas, en español y en inglés
- Industria
- Fundación 501(c)(3) contra el abuso doméstico
- Alcance
- Rediseño completo, de WordPress a Next.js
To Live Again recauda en Miami y trabaja en dos países. Rehicimos su sitio entero —cuatro páginas, en español y en inglés— alrededor de una sola decisión: la portada abre con dos puertas, «quiero ayudar» y «necesito ayuda».
Venía de un folleto de WordPress con dos páginas, sólo en español y con la donación resuelta por un botón de PayPal. Diez años de talleres, reconocimientos y encuentros no cabían ahí.
Visitar el sitio en vivoLa portada abre con dos puertas: una lleva a donar y la otra, al WhatsApp de la fundación.
Lo que construimos
- Cuatro páginas, dos idiomas: portada, la fundación, #LoQueHacesImporta y únete, con el prefijo y el slug traducidos.
- Las dos puertas: quien puede ayudar va a donar; quien necesita ayuda, al WhatsApp de la fundación.
- Donación con página propia: tres caminos: tarjeta sin necesidad de cuenta, PayPal y Zelle desde Estados Unidos.
- El 501(c)(3) a un toque: el certificado se abre en grande desde el menú, en escritorio y en el celular.
- La galería de los encuentros: cuadrícula de cuatro columnas con una forma por foto, para que cada fila cierre entera.
- Barra móvil con teléfono: el número de la fundación a la vista, sin abrir el menú, en todas las páginas.
Reto
La misma pantalla tiene que convencer a quien puede donar desde Miami y no asustar a quien la abre desde una relación de la que todavía no sabe cómo salir. El tono que sirve a uno espanta al otro.
No se traduce sólo el texto: el prefijo y el slug de cada página cambian con el idioma.
Enfoque
Lo resolvió el orden: primero las dos puertas, después la trata de personas con el dato que más incomoda y recién entonces quiénes son. El idioma lo decide el país o el navegador, y se cambia en cualquier página.
#LoQueHacesImporta: la fotografía de sus encuentros, con una forma de cuadrícula por foto.
Lo entregado
toliveagain.org quedó en línea con sus cuatro páginas en dos idiomas, su galería de encuentros y su página de donación. No publicamos cifras de impacto: las cuenta la fundación en su propia web.
Donar dejó de ser un botón suelto: tres caminos, cada uno con su razón de existir.
Disciplinas y tecnología
- Rediseño de sitio
- Diseño UX/UI
- Arquitectura de contenido
- Next.js
- React
- TypeScript
- Tailwind CSS
- sharp
- Enrutado bilingüe ES/EN
- SEO técnico
- Cloudflare
A continuación
