Case study

The assumption of the project was to build a system for collecting contact details from potential customers. A new web application was intended to focus the user on opportunities and implicitly seed a need to ask for a more attractive loan offer.

Our task was to develop a complex digital solution including design, web app development and cloud infrastructure from scratch. We delivered a complete system in 5 weeks with a strong focus on clear, light design from one side and also end-to-end data security provided by end-user on the other side. We built an application to be scalable and deployable on the AWS infrastructure.


Technologies used:
Read more

Result:

Case study

The assumption of the project was to build a system for collecting contact details from potential customers. A new web application was intended to focus the user on opportunities and implicitly seed a need to ask for a more attractive loan offer.

Our task was to develop a complex digital solution including design, web app development and cloud infrastructure from scratch. We delivered a complete system in 5 weeks with a strong focus on clear, light design from one side and also end-to-end data security provided by end-user on the other side. We built an application to be scalable and deployable on the AWS infrastructure.


Technologies used:

Technologies used:

React.js
AWS
PIwik PRO
Security
node.js

Technologies used:

React.js
AWS
PIwik PRO
Security
node.js

Result:

Result:

Result:

SCOPE OF WORK

Our client set the following hypothesis of digital web solution available on every digital device, everywhere and anytime:

  1. Moving into the digital world will mitigate and simplify the current selection, approach and consultation process as it is highly manual and laborious.
  2. Providing digital solutions will increase competitive pressure - an earlier approach, simple and attractive renewal options, automation.
  3. Individual customer needs are not currently taken into account in the information and consulting offers which may be pushed to a completely new level.

Our task was to create a system for collecting contact details from potential customers, taking into account all these essentials for our client’s hypotheses.

Services we did:

1. Design:

  • A new approach based on the guidelines that it should be clean and light, but at the same time convergent with the company's brand

2. Implementation:

  • A frontend application that implements asymmetric encryption for security which resulted in an “A” score provided by Security Headers!
  • PGP library was used for encryption

3. Analytics:

  • In accordance with business requirements, we introduced analytics with custom events that were necessary to analyse specific sets of events on the website

Where it works:

Where it works:

Where it works:

Where it works:

Where it works:

SCOPE OF WORK

sonder colective

Our client set the following hypothesis of digital web solution available on every digital device, everywhere and anytime:

  1. Moving into the digital world will mitigate and simplify the current selection, approach and consultation process as it is highly manual and laborious.
  2. Providing digital solutions will increase competitive pressure - an earlier approach, simple and attractive renewal options, automation.
  3. Individual customer needs are not currently taken into account in the information and consulting offers which may be pushed to a completely new level.

Our task was to create a system for collecting contact details from potential customers, taking into account all these essentials for our client’s hypotheses.

Our client set the following hypothesis of digital web solution available on every digital device, everywhere and anytime:

  1. Moving into the digital world will mitigate and simplify the current selection, approach and consultation process as it is highly manual and laborious.
  2. Providing digital solutions will increase competitive pressure - an earlier approach, simple and attractive renewal options, automation.
  3. Individual customer needs are not currently taken into account in the information and consulting offers which may be pushed to a completely new level.

Our task was to create a system for collecting contact details from potential customers, taking into account all these essentials for our client’s hypotheses.

Where it works:

1. Design:

  • A new approach based on the guidelines that it should be clean and light, but at the same time convergent with the company's brand

2. Implementation:

  • A frontend application that implements asymmetric encryption for security which resulted in an “A” score provided by Security Headers!
  • PGP library was used for encryption

3. Analytics:

  • In accordance with business requirements, we introduced analytics with custom events that were necessary to analyse specific sets of events on the website

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

Our client set the following hypothesis of digital web solution available on every digital device, everywhere and anytime:

  1. Moving into the digital world will mitigate and simplify the current selection, approach and consultation process as it is highly manual and laborious.
  2. Providing digital solutions will increase competitive pressure - an earlier approach, simple and attractive renewal options, automation.
  3. Individual customer needs are not currently taken into account in the information and consulting offers which may be pushed to a completely new level.

Our task was to create a system for collecting contact details from potential customers, taking into account all these essentials for our client’s hypotheses.

Services we did for them:

1. Design:

  • A new approach based on the guidelines that it should be clean and light, but at the same time convergent with the company's brand

2. Implementation:

  • A frontend application that implements asymmetric encryption for security which resulted in an “A” score provided by Security Headers!
  • PGP library was used for encryption

3. Analytics:

  • In accordance with business requirements, we introduced analytics with custom events that were necessary to analyse specific sets of events on the website

Where it works:

Where it works:

Where it works:

Project development

01

We designed a new, fresh and light web application compliant with the original client’s design trend but not overloaded with information. A new web application was intended to focus the user on opportunities and implicitly seed a need to ask for a more attractive loan offer. The expertise and experience of our designer Valentina in this phase covered UI and UX Design with a mobile-first approach.

01

We designed a new, fresh and light web application compliant with the original client’s design trend but not overloaded with information. A new web application was intended to focus the user on opportunities and implicitly seed a need to ask for a more attractive loan offer. The expertise and experience of our designer Valentina in this phase covered UI and UX Design with a mobile-first approach.

02

Having direction and high-fidelity design we moved to the next phase and developed a responsive web app with a mobile-first approach. However, as this is a fintech industry, the main challenge and requirement was a strong focus on security.

We built the backend and frontend parts with the assumption of implementing end-to-end encryption. The important thing was infrastructure independence from platforms on which this solution can be hosted.

Our client benefited from a great experience we had from the other fintech project, which was a payment solution led by our CEO Marek in cooperation with one of the two leading payment card providers in the world.

03

In the next phase we designed and developed cloud infrastructure and, as security was on top of our requirements, Marek made a decision to go with AWS. Amazon invests a lot of effort in security and this was a natural and obvious direction and decision to make.

The key elements that were included in the infrastructure, apart from end-to-end encryption, were also additional security by data retention.

04

By closing the feedback loop and finally being able to verify, we added analytical tools integration accordingly to requirements and were collecting necessary users’ behaviour for further business analysis/verification.

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!
14 Jul
2023
End-to-end encryption
The project for the German Fintech Leader was responsible for collecting feedback data about the investors/borrower. The client created a massive mailing containing a specific URL to the SPA application with the steps forms system. A **single-page application** (**SPA**) is a web application or website that interacts with the user by dynamically rewriting the current web page with new data from the web server, instead of the default method of a web browser loading entire new pages.

Project in numbers

6

Digital web solution launched in 6 weeks from the first meeting till the last QA approval

10 000

The application was used by 10k users in one month after the official launch

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

Front-End Developer

Hubert Wróblewski

CEO

Marek Wrzosowski

Project in numbers

6

Digital web solution launched in 6 weeks from the first meeting till the last QA approval

10 000

The application was used by 10k users in one month after the official launch

6

Digital web solution launched in 6 weeks from the first meeting till the last QA approval

10 000

The application was used by 10k users in one month after the official launch

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

What I can say about this challenging project is that it’s a well secured landing page for collecting contact details from potential customers. I had the pleasure of testing this application for desktop and mobile versions - it’s responsive, intuitive and eye-pleasing. It’s worth adding how such data is secured, thanks to data encryption, a person who does not have the key will not be able to read the customer's data. I am glad that I had the opportunity to participate in this project, it was another positive experience for me :)

Wojciech Błądek Interhyp

Quality Assurance

I met the  project from the front-end side. In my opinion, the key challenge, because of the banking industry, was to provide a very secure experience. We had to be sure that every piece of information remains confidential and we achieved that by using end-to-end encryption. Also, we had to prevent cross-site scripting attacks by following Content Security Policy. On the other hand, user experience was improved by creating step by step form and implementing input validation.

Hubert Wróblewski Interhyp

Front-End Developer

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