Inspirando ayuda mutua
Como diseñadora web lideré la creación de una marca que irradiara humanidad, experimentando con ilustraciones originales y elementos visuales dinámicos con CSS. A medida que el proyecto evolucionó, también diseñé un sistema de plantillas y un editor web, ofreciendo a los clientes páginas de destino personalizables para recibir donativos.
Definiendo el por qué
En el ámbito de las donaciones, buscamos explorar un nicho que trascendiera los límites de las plataformas existentes basadas en campañas con fecha de expiración. A partir de nuestra experiencia previa en una plataforma de este tipo, identificamos que había asociaciones con otro tipo de necesidades: integrar una plataforma de pago para contribuciones espontáneas. Como equipo nos motivaba no el beneficio monetario; sino facilitar buenas acciones y mantener conexiones significativas con quienes compartían nuestra pasión por marcar la diferencia. Sabíamos que las personas que involucradas en causas y asociaciones no necesariamente manejaban con facilidad nuevas tecnologías, por lo que era importante ofrecerles una opción accesible para manejar sus donativos.
Análisis de posibles flujos de distintos usuarios
Al momento de iniciar este proyecto contábamos con una amplia experiencia con sistemas de pago, diseño web y una red de personas altruistas. Gracias a esto nos embarcamos en un viaje para crear una plataforma que no solo procesara donaciones sino que resonara con la esencia humana de dar. Nuestra prioridad era clara: contribuir positivamente a causas, fomentar relaciones con personas con ideas afines y sostener el proyecto a través de ingresos pasivos.
Visualizando a dónde queremos ir
En nuestra estrategia de marca centramos la simplicidad con un toque de alegría. Queríamos irradiar un toque humano que busqué evidenciar con el diseño del material gráfico, la interfaz del sitio web y, en general, lo mucho que me permití divertirme con esta marca.
logo_dark
logo_light
Logo a todo color y logo blanco para fondo oscuro
Mockup del sitio web
Las ilustraciones originales se convirtieron en la piedra angular de nuestra comunicación, fomentando un sentido de confianza y empatía. Con el estilo busqué utilizar formas sencillas, que pudiéramos reciclar en varias ilustraciones, además de reforzar el esquema de colores que habíamos elegido para nuestra identidad.
Ejemplos de la ilustración usada en el sitio web
Para diseño del sitio web elegí mantener el texto muy limpio y dar protagonismo a las imágenes. También me involucré en el desarrollo frontend con Lumen, donde me permití experimentar con animaciones, transiciones y parallax con SASS/CSS para darle vida al sitio.
Prueba para animar el logo SVG con animación CSS
Cediendo el control a nuestros clientes
A mitad del proyecto, surgió una idea que provocó ir en una nueva dirección: podríamos ofrecer personalización de una landing page a través de un sistema de plantillas y un editor web sencillo. Esto nos permitiría ofrecer a los clientes páginas de pago perfectamente integradas a su identidad de marca. Nuestro objetivo era inspirar confianza, ya sea que nuestros clientes tuvieran una sólida presencia en línea o estuvieran dando sus primeros pasos en el ámbito digital; Además de dar mayor control a los administradores de las causas y minimizar la necesidad de que nosotros interviniéramos en la creación de cada sitio.
Propuesta para el editor de templates
Mockup del sitio personalizado por causa
Lecciones y Crecimiento
Este esfuerzo sirvió como una lección valiosa para refinar nuestras prácticas de desarrollo y alinear objetivos personales como profesionales. El proyecto subrayó nuestra fortaleza en la sinergia con los clientes, lo que nos impulsó a fortalecer aún más este aspecto en nuestros proyectos comerciales. Más allá del lanzamiento no realizado, fue un testimonio de nuestra destreza técnica, mostrando las alturas creativas y técnicas que pudimos alcanzar.
En el flujo de las prioridades del proyecto, surgieron ideas que trascendieron los límites del equipo. La comprensión de dónde residen realmente nuestras fortalezas (en de la sinergia colaborativa con nuestros clientes) se convirtió en un principio rector. Estos conocimientos se convirtieron en catalizadores, impulsando nuestra evolución como profesionales y amplificando el impacto de nuestros esfuerzos posteriores.
