Help Razom Nonprofit Website Design
Help Razom Nonprofit Website Design
My Roles
My Roles
Sole designer and developer
Sole designer and developer
Duration
Duration
3 weeks
3 weeks
Team
Team
1 person
1 person
Summary
Summary
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.
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.
⏮️ A bit of history of this nonprofit
⏮️ A bit of history of this nonprofit
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.
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.
Problem statement
Problem statement
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.
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.
Research and Selection of Tools
Research and Selection of Tools
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.
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.
Approach and Process
Approach and Process
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.
Seeking an easy-to-manage system for non-technical users, I explored various no-code solutions but found that existing platforms either had complex navigation or lacked robust CMS filtering capabilities essential for effective event management and updates. Opting for Webflow due to its advanced CMS features, I aimed to implement comprehensive event categorization and filtering systems. Integrating custom code developed with ChatGPT was planned to further enhance these capabilities.
Switch to
Switch to
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
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
Results
Results
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.
The launch of CalendAid successfully addressed the needs of the Ukrainian community in Chicago by providing a centralized and easy-to-use platform for discovering and participating in local events supporting Ukraine. Users benefited from the intuitive interface, which featured dynamic filtering options, including a search bar and “Today” and “Date” filters, allowing for quick and efficient event discovery. The platform’s robust CMS capabilities ensured that events could be easily managed and updated by non-technical users. Positive user feedback highlighted the platform’s effectiveness in enhancing community engagement and simplifying the process of finding and attending events. A few months from launch, the website attracts approximately 50-80 users daily, with the number steadily growing, reflecting increased engagement and higher event attendance rates.
Reflection
Reflection
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.
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.
Other projects
Other projects
Case study
UX Design
UI Design
🖐️ Integrating UX principles with Art Direction for cohesive experience
🖐️ Integrating UX principles with Art Direction for cohesive experience
Dig inside
UX Design
UI Design
Developement
Webflow
🎆 Solving a local problem with Webflow
🎆 Solving a local problem with Webflow
Dig inside
CoNtact me ANyTIME
CoNtact me ANyTIME
If you have any question, suggestions, job offers or just want to talk or share a cool show or documentary you just found - hit me up. I’ll be happy to hear from you.
I’m glad you got all the way here and hope you are having an amazing day. All rights reserved, 2024