Case study

Research team by exploring numerous individuals, families and single mothers, collected and processed an impressive set of data organised by various parameters and factors in multiple dimensions.

In the middle of 2022, Sonder Collective made a decision that the results and learnings of this wide-scale extensive research are ready and can be made publicly available. The first thought was - let’s create a web service available to anyone around the world. One basic requirement was to make each household data segment easy to explore and able to compare various segments to confront differences by categories like health outcomes: reproductive health, pregnancy, child health, nutrition or various vulnerabilities: individual, household, community, and healthcare.

Technologies used:
Read more

Case study

Research team by exploring numerous individuals, families and single mothers, collected and processed an impressive set of data organised by various parameters and factors in multiple dimensions.

In the middle of 2022, Sonder Collective made a decision that the results and learnings of this wide-scale extensive research are ready and can be made publicly available. The first thought was - let’s create a web service available to anyone around the world. One basic requirement was to make each household data segment easy to explore and able to compare various segments to confront differences by categories like health outcomes: reproductive health, pregnancy, child health, nutrition or various vulnerabilities: individual, household, community, and healthcare.

Technologies used:

Technologies used:

Angular
Heroku
Cloudflare
Cloudinary
Strapi
Iubenda
Piwik PRO

Technologies used:

Angular
Heroku
Cloudflare
Cloudinary
Strapi
Iubenda
Piwik PRO

SCOPE OF WORK

Pathways is a project different from any other as it has a huge social impact and touches personal health and family aspects across different countries and social origins.

The project aims to make health outcomes and their segmentation visible. Pathways is a platform with knowledge from the research and learning about health, family aspects, women’s well-being and their families. At the heart of Pathways is a desire to understand the nuanced factors that constitute the socio-economic, environmental, and cultural vulnerability of women and their children to poor health. We have created a platform that allows you to view and compare these multidimensional sets of data.

Services we did:

1. Research:

This stage consisted in doing research, understanding the product and choosing the technology in the context of the platform maintenance costs as well as the ease and speed of backend implementation. The fontend had to be custom to reflect the design, specially prepared for it to be able to clearly show this data.

2. Design and development:

Close collaboration with the international design team to find out the best UX using our knowledge from our practice and know-how. As a result of this cooperation we have created a dedicated design system in Figma.

3. Implementation:

  • Headless Strapi CMS structure as a data source provider for Angular frontend application
  • Angular frontend application with a requirement to be open for a future switch to any custom-written backend service
  • Heroku setup including Gitlab CI/CD as a cloud infrastructure provider
  • Piwik.pro integration for analytics
  • To protect the website from a e.g. DDoS attack we have added CloudFlare in the front of the service

Where it works:

Kenya
India

Where it works:

Kenya
India

Where it works:

Kenya
India

Where it works:

Kenya
India

Where it works:

Kenya
India
Kenya
India

SCOPE OF WORK

sonder colective

Pathways is a project different from any other as it has a huge social impact and touches personal health and family aspects across different countries and social origins.

The project aims to make health outcomes and their segmentation visible. Pathways is a platform with knowledge from the research and learning about health, family aspects, women’s well-being and their families. At the heart of Pathways is a desire to understand the nuanced factors that constitute the socio-economic, environmental, and cultural vulnerability of women and their children to poor health. We have created a platform that allows you to view and compare these multidimensional sets of data.

Pathways is a project different from any other as it has a huge social impact and touches personal health and family aspects across different countries and social origins.

The project aims to make health outcomes and their segmentation visible. Pathways is a platform with knowledge from the research and learning about health, family aspects, women’s well-being and their families. At the heart of Pathways is a desire to understand the nuanced factors that constitute the socio-economic, environmental, and cultural vulnerability of women and their children to poor health. We have created a platform that allows you to view and compare these multidimensional sets of data.

Where it works:

1. Research:

This stage consisted in doing research, understanding the product and choosing the technology in the context of the platform maintenance costs as well as the ease and speed of backend implementation. The fontend had to be custom to reflect the design, specially prepared for it to be able to clearly show this data.

2. Design and development:

Close collaboration with the international design team to find out the best UX using our knowledge from our practice and know-how. As a result of this cooperation we have created a dedicated design system in Figma.

3. Implementation:

  • Headless Strapi CMS structure as a data source provider for Angular frontend application
  • Angular frontend application with a requirement to be open for a future switch to any custom-written backend service
  • Heroku setup including Gitlab CI/CD as a cloud infrastructure provider
  • Piwik.pro integration for analytics
  • To protect the website from a e.g. DDoS attack we have added CloudFlare in the front of the service

Collaboration development

Data security is our speciality

We’ve been working on the Talk To Loop project together since 2020. Sonder Collective was responsible for the design and UX Design of the platform, which of course is consistent with the whole visual identity. We as Elite Crew were in charge of the implementation, security of the web application same as provided data, and the final QA part. Our specialists were involved in the project since the very beginning to help untangle complexity, advise designers on feasibility, and achieve an optimum user experience. Data security is our speciality. We built Talk To Loop to the highest standards of data privacy.

To learn more about what we did in this project, see the Talk To Loop case study.

See Case Study
Sharing our knowledge in transparency

In 2022, we started working on the next project which was the Pathways project. Once again, Sonder Collective as a Product Owner was responsible for the design and UX Design part, and we then successfully implemented the design. We were involved in the early stages of the project to share our knowledge and experience. During the whole process, we closely collaborated with designers to make sure we understand each other in terms of proper design and further implementation.

To learn more about what we did in this project, see the Pathways case study.

See Case Study

SCOPE OF WORK

Pathways is a project different from any other as it has a huge social impact and touches personal health and family aspects across different countries and social origins.

The project aims to make health outcomes and their segmentation visible. Pathways is a platform with knowledge from the research and learning about health, family aspects, women’s well-being and their families. At the heart of Pathways is a desire to understand the nuanced factors that constitute the socio-economic, environmental, and cultural vulnerability of women and their children to poor health. We have created a platform that allows you to view and compare these multidimensional sets of data.

Services we did for them:

1. Research:

This stage consisted in doing research, understanding the product and choosing the technology in the context of the platform maintenance costs as well as the ease and speed of backend implementation. The fontend had to be custom to reflect the design, specially prepared for it to be able to clearly show this data.

2. Design and development:

Close collaboration with the international design team to find out the best UX using our knowledge from our practice and know-how. As a result of this cooperation we have created a dedicated design system in Figma.

3. Implementation:

  • Headless Strapi CMS structure as a data source provider for Angular frontend application
  • Angular frontend application with a requirement to be open for a future switch to any custom-written backend service
  • Heroku setup including Gitlab CI/CD as a cloud infrastructure provider
  • Piwik.pro integration for analytics
  • To protect the website from a e.g. DDoS attack we have added CloudFlare in the front of the service

Where it works:

Kenya
India

Where it works:

Kenya
India

Where it works:

Kenya
India

Project development

01
First step

Our first task was to find out a solution, a technology that will be flexible enough to, in a relatively easy way, create data structure provided by researchers and at the same time should be easy to populate and moderate content by the same people. Another constraint that we had to face was tight dev time and budget. Combining these basic requirements we decided to go with headless CMS. Headless CMS provides lots of advantages: easy-to-use UI for non-tech people, flexibility in customisation of data structure, and ease to set up and deploy instances.

01
First step

Our first task was to find out a solution, a technology that will be flexible enough to, in a relatively easy way, create data structure provided by researchers and at the same time should be easy to populate and moderate content by the same people. Another constraint that we had to face was tight dev time and budget. Combining these basic requirements we decided to go with headless CMS. Headless CMS provides lots of advantages: easy-to-use UI for non-tech people, flexibility in customisation of data structure, and ease to set up and deploy instances.

02
Second step

As the project has huge potential to evaluate and grow we decided to design and develop a frontend application using a complete custom approach with Angular. We designed and implemented an Angular application with a mandatory requirement to be open for any further backend service integration. Why is that? As headless CMS is good enough at this phase and covers all our features, in the short future this may change. We wanted to be sure that we would be open to developing a new backend service.  It might be a completely custom one that will be easy to integrate with the frontend Angular app.

03
Third step

The last piece left to make the solution live and publicly available was the infrastructure. Pathways project was at this moment informational application where visitors can compare segments, without for example UIM (User Identity Management) or other sophisticated data processing that requires dedicated solutions. Taking all these requirements including the cost of running, we decided that the most accurate cloud provider is Heroku. Thus with a few lines of Terraform IaaC and Gitlab CI/CD, we have created a complete pipeline and cloud infrastructure that host our Pathways project.

04
Fourth step

As security is important obviously at the very front side, under the hood we have used CloudFlare. It is a service that in basic form provides numerous protections like a DDoS out of the box, free of charge. We strongly recommend using the CloudFlare solution as a basic protection wall if you still do not use it. Our goal and intention are to create a reliable and secure solution, which is why we maintain the platform and update any security lacks.

Challenges to overcome

Developing websites and web applications requires expertise in multiple areas, including user experience, functionality, accessibility, and security. During the development phase of projects, our team of experts faced intriguing challenges and found great solutions to them. This is where you can dive into the details!
1 Sep
2023
Playwright - how this tool has affected the quality of the delivered system
I'm the head of the marketing department (my position is Social Media Manager & Graphic Designer). The nature of my job requires coordinating tasks in my department and working on some projects with the development team. So I will tell you what tools help me in my daily work in this specific environment.
16 Jun
2023
Is headless CMS for you?
Websites can be classified in at least a couple of ways. One is to divide them by the way the content is presented. Here, we can distinguish between static and dynamic websites. Those referred to as static are not equipped with a content management system. As a consequence of this, if we want to update its content, we need to contact a contractor who will add new or update existing content. I would like to focus in this article on dynamic sites.
2 Mar
2023
Strapi complex data structure. How to deal with it on the frontend side?
Recently I took part in creating a pretty simple website based on Strapi CMS. It’s called Pathways. There are a lot of complicated data to show so data structures are intricate. I would like to share the biggest surprise for me while creating a frontend application.

Project in numbers

6

people involved in the project

2

available in 2 countries

5

technologies used

What our client says

Damaris Rodriguez

Co-Founder & Board Member
The Elite Crew team constantly adapts to the needs of the project. They appreciate teamwork and participation in all phases of the creative process by providing advice and support to ensure the quality of the final solution. The support, proactive attitude and involvement in the project have truly created a very strong partnership over the years

Raluca Tasca

Senior Product Manager Strategy, Growth and Innovation
I have known Marek and his team for a few years over two companies I‘ve worked for. I must say it has been the most pleasant and successful agency collaboration I have experienced so far. Marek‘s entrepreneurial and creative thinking has been an inspiration. I have always been impressed by the open, easy communication as well as the customer-focused, fast and smart way of working, making products real and easy to use for our customers. During the time we’ve worked together, it always feels as if EliteCrew is part of our team.

Alex Ross

Managing Director
Loop is a new Start Up Charity and has been working instep with Marek and his team at Elite Crew since we started. Not only am I satisfied with the end product which you can see at Talk To Loop but I am also impressed with the close and collaborative working relationship we have to problem solve, ideate, prioritise work together as well as, and just as importantly, the relationship they have with our different country partnerships. Working closely with local staff in different contexts to ensure they have what is needed to run the tool effectively and to integrate it into the local systems and approaches.

Melanie Wendland

Designer, Co-Founder & Board Member
Working with EliteCrew suited our complex project set up very well. We had many uncertainties to solve and timelines were unclear, but Elitecrew managed the development so smoothly alongside our design process. The interaction with the team was always super positive and friendly. Their independent work style and continuous communication via slack really made a difference in our busy schedules. Thank you for being such a reliable partner in this project.

Alex Ross

Managing Directori of Loop
The Elite Crew team constantly adapts to the needs of the project. They appreciate teamwork and participation in all phases of the creative process by providing advice and support to ensure the quality of the final solution. The support, proactive attitude and involvement in the project have truly created a very strong partnership over the years.

Ciarán Duffy

UX Design Lead at Sonder Design Collective
The team was able to build a fully functional and scalable MVP for the platform in under 12 weeks. The company appreciated how friendly and pleasant the team was when working with them on this project. They now look forward to working with them again on another project.

Our specialists in the project:

Quality Assurance

Wojciech Błądek

CEO

Marek Wrzosowski

Front-End Developer

Hubert Wróblewski

Back-End Developer

Krzysztof Kura

Front-End Developer

Wojciech Jakubek

Project in numbers

6

people involved in the project

2

available in 2 countries

6

people involved in the project

2

available in 2 countries

5

technologies used

6

months duration of the project

Insights from the project

During the implementation of the project, I act as a backend developer. Working on the project allowed me to expand my knowledge due to the fact that we use tools with which I had little contact so far. I believe that the described project is of great value because it serves people who really need this help.

Krzysztof Kura

Back-End Developer

This is the first in my entirely carrier so innovative initiative, that engage so many, so different to each other disciplines to explore social, cultural and environmental risk factors impacting Reproductive, Maternal, Newborn, Child Health and Nutrition (RMNCH+N).It combines research done across Northern Nigeria, Kenya and Bihar, India to further expertise analyses of researched data to in final step exposed ready to use results via web platform to global health practitioners to stratify households based on social, economic, cultural and environmental vulnerability factors that are associated with poor health outcomes.

Marek Wrzosowski

CEO

I deal with the development of the application on the backend layer. The implementation of solutions in the discussed application is invariably a big challenge for me. The fact that the introduced functionalities really help many people and organizations scattered all over the world gives additional satisfaction from the work performed. I am proud to say that I am working on an application that gives opportunities that I have not encountered in other applications. For example, our solutions can be used freely by users who cannot read and write.

Krzysztof Kura

Back-End Developer

Loop as a platform that I had to test was a huge challenge in terms of the functionalities used. In this application, we can make many combinations that we do not even know about, each time this application surprises me, very often it finds errors, for example from translations to usually search fields, with IVRR I had the pleasure to work from the very beginning, I spent many hours during testing the application itself in terms of functionality and design in Inbox and Outbox. Additionally, testing the scheduler for an automatic option that calls back the user when they cannot answer it was quite a challenge, and so far it is. Social bots are also nice to remember. A lot happened before the defects were removed from the flow. What I can say is that the platform is quite large and the application is constantly developing :))

Wojciech Błądek

Quality Assurance

My job in the project was to create the front-end side of the application. From the beginning, we could see that every detail of the designs was precisely discussed and prepared. I didn’t have an easy job while programming to keep everything as simple as it could and meet the expectations of the UI team. That was challenging and I could face interesting solutions which I’ve often met for the first time.  However, it gave me a lot of satisfaction to see the final product and interesting UI/UX. Apart from that, the Pathways project is an incredible way to draw people’s attention to the health of women and their children in countries like Nigeria, Kenya and India. It can improve the way women are treated in different cultures and how social conditions affect their wealth. It is a pleasure to be part of this team!

Wojciech Jakubek Pathways

Front-End Developer

This is the first in my entirely carrier so innovative initiative, that engage so many, so different to each other disciplines to explore social, cultural and environmental risk factors impacting Reproductive, Maternal, Newborn, Child Health and Nutrition (RMNCH+N).

It combines research done across Northern Nigeria, Kenya and Bihar, India to further expertise analyses of researched data to in final step exposed ready to use results via web platform to global health practitioners to stratify households based on social, economic, cultural and environmental vulnerability factors that are associated with poor health outcomes.

Marek Wrzosowski Pathways

CEO

Find out more!

Here you can find more articles related to this topic

Check out our projects

From SMS chatbots to data visualisations, from data security to system architecture, we do it all, and we make it fun! More than getting the project done.
We care.

German Fintech Leader

Our client came up with a business need to verify their hypothesis about moving traditional letter communication into digital solution by creating a web application which will be served to their customers...

Talk To Loop

Talk To Loop is an independent platform which enables anyone, anywhere to give feedback on their experience of humanitarian and development aid - safely, freely, in their own language, and using...

Pathways

Consectetur faucibus bibendum sit ultrices. Commodo et malesuada at volutpat faucibus posuere natoque enim. Eu sodales neque rhoncus morbi ut tincidunt nulla purus. Eu.

Got a project in mind?
Feel free to ask questions or see our handbook