arrow pointing right

Back to Case Studies

App for donations in a non-profit organization

About the project

Rocksoft was tasked to design and develop a charity application for an organization. This Single Page Application (SPA) was designed for organization members to facilitate quick donations. Targeting a streamlined donation process under 10 seconds, Rocksoft tackled both technical and user experience challenges.

Technology

Single Page Application (SPA)  

Figma

React

.NET

Services

Payment integrations  

Design & prototyping  

MVP Development

Industry

Charity organizations

Event management

The challenge

  1. User Load Peaks Management: Intense usage of the application within short periods (under 5 minutes) presented a significant challenge. Efficient user load management was crucial to avoid financial implications for the organization.
  2. Legacy System Limitations and CI/CD Integration: Integrating a Continuous Integration/Continuous Deployment (CI/CD) approach was essential in modernizing the legacy order management system, which was critical for rapid development and enabling short feedback loops.

Objectives

#1

#2

#3

How we did it?

1

0

0

0

1

1

1

0

1

0

0

0

1

1

1

0

1

0

0

0

1

1

1

0

1

0

0

0

1

1

1

0

1

0

0

0

1

1

1

0

1

1

1

0

0

1

10

1

1

1

1

0

0

1

10

1

1

1

1

0

0

1

10

1

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

0

0

0

1

1

1

0

1

1

1

0

0

1

10

1

1

0

1

0

1

0

1

0

0

0

1

1

1

1

1

0

1

1

0

0

1

0

1

1

1. Scalability and Reliability Enhancement

Focusing on scalability and reliability was key to managing user load peaks.

1

1

1

0

0

1

10

1

1

0

0

0

1

1

1

0

1

0

1

0

1

0

1

0

2. Modernization of Legacy System

Transitioning to Azure significantly improved system performance and scalability.

1

0

0

0

1

1

1

0

1

1

1

0

0

1

10

1

1

0

1

0

1

0

1

0

0

0

1

1

1

1

1

0

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

0

0

0

1

1

1

0

3. Anticorruption Layer for Integration

An anticorruption layer facilitated effective communication between the old and new systems.

1

1

1

0

0

1

10

1

0

0

1

1

1

1

1

0

1

1

0

0

1

0

1

1

4. Outstanding UI/UX Design

A visually appealing and user-friendly interface was developed, receiving significant acclaim.

1

0

0

0

1

1

1

0

1

1

1

0

0

1

10

1

1

0

1

0

1

0

1

0

0

0

1

1

1

1

1

0

0

0

1

1

1

1

1

0

1

1

0

0

1

0

1

1

1

0

0

0

1

1

1

0

1

0

1

0

1

0

1

0

5. Payment providers integration

Implementation of globally recognized payment providers like PayPal, along with local ones such as Netaxept or Vipps, to reach the majority of the organization’s members worldwide.

1

0

1

0

1

0

1

0

0

0

1

1

1

1

1

0

1

1

0

0

1

0

1

1

6. Utilizing User Data

Early collection of user data using Application Insights, Google Analytics, and Hotjar was crucial for the project's data-driven strategy.

1

0

0

0

1

1

1

0

1

1

1

0

0

1

10

1

1

1

1

0

0

1

10

1

1

0

1

0

1

0

1

0

0

0

1

1

1

1

1

0

1

1

0

0

1

0

1

1

1

1

1

0

0

1

10

1

1

1

1

0

0

1

10

1

1

0

0

0

1

1

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

1

0

0

1

10

1

1

1

1

0

0

1

10

1

1

0

0

0

1

1

1

0

1

0

0

0

1

1

1

0

1

0

0

0

1

1

1

0

1

1

1

0

0

1

10

1

1

1

1

0

0

1

10

1

1

1

1

0

0

1

10

1

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

0

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1

1

0

0

1

0

1

1

1. Scalability and Reliability Enhancement

Focusing on scalability and reliability was key to managing user load peaks.

2. Modernization of Legacy System

Transitioning to Azure significantly improved system performance and scalability.

3. Anticorruption Layer for Integration

An anticorruption layer facilitated effective communication between the old and new systems.

4. Outstanding UI/UX Design

A visually appealing and user-friendly interface was developed, receiving significant acclaim.

5. Payment providers integration

Implementation of globally recognized payment providers like PayPal, along with local ones such as Netaxept or Vipps, to reach the majority of the organization’s members worldwide.

6. Utilizing User Data

Early collection of user data using Application Insights, Google Analytics, and Hotjar was crucial for the project's data-driven strategy.

Development process:

Step 1

Step 2

Step 3

Step 4

The outcome

  • Rapid Donation Process: The app nearly achieved the 10-second donation goal.
  • Engagement through Live Updates: Live updates significantly enhanced user engagement.
  • Successful Legacy System Integration: Seamless integration was achieved with the Azure migration and the anticorruption layer.

This case study exemplifies Rocksoft's commitment to combining technological expertise with a user-centric and data-driven approach. The charity app development project highlights our ability to deliver innovative solutions that effectively address user needs and technical challenges.

arrow pointing right

6

People in the team

30

+

designed screens

24

weeks of work

Portfolio

Beredt App: Your personal emergency preparedness assistant

360° Photo App for real estate inspections with Azure integration

How to find Product-Market Fit and avoid common pitfalls

Beredt App: Your personal emergency preparedness assistant

All case studies

arrow pointing right