Sole designer and developer
3 weeks
1 person
I led the creation of a nonprofit website from scratch, managing every aspect of the project. This included conceptualizing the design, figuring out the site structure, and developing content. Despite never having coded a website before, I utilized no-code solutions to bring the project to life. The result was a visually appealing, user-friendly website that effectively communicated the nonprofit's mission, improved user engagement, and increased online visibility.
Help Razom, a 501(c)(3) nonprofit organization run solely by volunteers, was established in response to Russia's unprovoked full-scale invasion of Ukraine. Since its inception on February 26th, 2022, the nonprofit has grown rapidly, initially uniting over 3,500 people across the United States through a Telegram chat group. Help Razom specializes in assembling medical IFAK kits and paramedic backpacks, and in sorting and shipping donations from generous individuals nationwide.
As a Ukrainian myself, I felt compelled to join and help in any way I could. I became their main and only designer, taking on the responsibility of creating all the visuals and the website itself.
Despite our impactful work and rapid growth, Help Razom lacked an online presence to effectively communicate our mission, organize our efforts, and attract more support. Without a website, we faced significant challenges in reaching a wider audience, streamlining donations, and coordinating volunteer efforts efficiently. We needed a comprehensive digital platform to enhance our visibility, engage supporters, and facilitate our humanitarian initiatives.
To build the website, I researched a variety of no-code solutions, payment processors, and other tools to address our challenges. Initially, I chose Square Online due to its ease of use and integration with payment processing. After a few months, I switched to Weblium website builder to better meet our growing localizations need. Two years later, I redesigned the website using Framer, which offered advanced design capabilities and better performance.
With an urgent need for an online presence, I swiftly gathered essential insights through interviews and user research. Understanding that simplicity and efficiency were paramount, I focused on creating an intuitive platform for seamless donations and transparent reporting.
I assumed the roles of project manager, UX/UI designer, content creator, and front-end developer. From conceptualization to execution, every aspect of the website's design and functionality was meticulously crafted to align with Help Razom's mission and user needs.
After launching Help Razom's website initially on Square Online and later transitioning to Weblium, it became clear that our evolving design needs required greater flexibility and speed to iterate effectively. To meet these demands, I made the strategic decision to migrate the entire website to Framer. Embracing Framer for its advanced design capabilities and animation functionalities provided the necessary tools to innovate rapidly. Despite starting with no prior experience in Framer, I immersed myself in its features, quickly adapting and learning to leverage its capabilities. This hands-on approach empowered me to explore new creative avenues, resulting in visually stunning and dynamic user interfaces that significantly enhanced user engagement and functionality. Each design iteration in Framer was instrumental in refining our website to effectively communicate Help Razom's mission and values
The creation of Help Razom's new website has significantly improved user satisfaction and solidified our nonprofit's credibility. We focused on addressing user needs for a straightforward way to check active fundraisers and donate with minimal effort. Through intuitive navigation and streamlined donation processes, users now find it easier to engage with our humanitarian efforts and make meaningful contributions.
Additionally, the new website design emphasizes clear communication of our mission, utilizing impactful visual storytelling and user-friendly interfaces to enhance transparency and effectiveness. Positive feedback and increased engagement metrics highlight the success of our efforts in providing a reliable and engaging online platform that meets the expectations of our community.
Designing Help Razom's website has been a journey of creativity and growth. Starting with Square Online and transitioning through Weblium to Framer, each phase marked an evolution in our digital strategy, driven by the need for flexibility and dynamic user experiences.
Navigating new tools like Framer was a challenge I embraced with dedication and adaptability. Each step forward refined my skills in rapid UX/UI iterations and visual storytelling, supported by valuable feedback from fellow volunteers and users.
The outcomes—enhanced engagement, streamlined processes, and positive community feedback—validate our design decisions and commitment to excellence. Looking ahead, I am eager to continue optimizing the website to further support Help Razom's mission and enhance user experiences.
All rights reserved, 2025