Case study:

Life Science Project

The online workplace for the life sciences industry connecting people, products and services

05Vitruvnet members on the job
01global web app + API

Client Discovery & Project Brief

Our client, a professional company in the pharmaceutical sector, approached us with an idea: to bridge the gap in industry networking through a custom-built application. Faced with a landscape reliant on outdated phone contacts and fragmented communication channels, they sought to streamline interactions and enhance collaboration among professionals.

Our journey began with a comprehensive consultation, where we immersed ourselves in the intricacies of the pharma business, and the business case they were trying to implement. Through meetings with the client, we gained a deep understanding of our client's objectives, learning about industry dynamics, data relevance, user interactions, and pivotal roles.

With this knowledge as our foundation, we embarked on a collaborative journey to design a solution tailored to our client's needs. Leveraging our expertise in application development, we proposed a feature-rich platform that would revolutionise how professionals interacted within the industry.

Starting a service from scratch

Design

We began by engaging in extensive discussions with the client to gain a deep understanding of their goals, target audience, and the unique challenges within their industry. These conversations were crucial in identifying the key features, user roles, and data requirements necessary for the project's success.

To ensure clarity and efficiency, we mapped out detailed logic flows, which helped define user interactions, feature integrations, and data presentation. This comprehensive planning laid the groundwork for a seamless user experience.

Utilising tools like Figma, we developed detailed UI/UX designs, focusing on creating an intuitive and visually appealing interface. Our design approach was twofold: first, we crafted the user experience (UX) to ensure interactions were intuitive and user-friendly. Second, we designed the user interface (UI) with an emphasis on aesthetics, usability, and alignment with the client's branding.

Development

To deliver a seamless and engaging user experience, we implemented the frontend application using React. This powerful framework enabled us to create a dynamic and responsive interface that performs smoothly across a range of devices and screen sizes, ensuring a consistent and intuitive experience for all users.

On the backend, we built a robust system using ASP.NET Core and PostgreSQL, designed to handle complex data processing, storage, and integration tasks. This architecture is capable of supporting multiple clients, ensuring efficient data management and facilitating smooth communication between the frontend and backend components. The entire infrastructure is hosted on the Azure cloud platform, which provides secure, scalable, and globally accessible services, ensuring high availability and reliability.

Throughout the development process, we conducted comprehensive testing to validate the application's functionality and performance. This rigorous testing regime included unit, integration, and performance testing, ensuring that all features operated correctly and efficiently. Our thorough approach guaranteed a stable and reliable final product, ready for deployment.

Delivery

To ensure the smooth transition and longevity of the solution, we provided comprehensive documentation covering all aspects of the system. This documentation not only detailed the technical architecture and functionality but also included clear instructions for future maintenance and updates.

The solution we delivered was meticulously designed to be scalable and reliable. We paid close attention to aligning the solution with industry regulations and standards, ensuring compliance and reducing any potential risks associated with legal and regulatory challenges.

A key highlight of our delivery process was the implementation of a robust CI/CD pipeline using GitHub Actions, DockerHub, and Azure Cloud. This setup facilitates continuous integration and continuous deployment, allowing for rapid and efficient updates. It also automates the deployment process, reducing the likelihood of human error and ensuring consistent and reliable releases.

The solution

To address the client's unique challenges and requirements, we focused on developing a set of features that not only solved immediate issues but also anticipated future needs. The following key features illustrate how we tackled each aspect of the project, ensuring a holistic and robust solution.

Search

The application offers a robust search feature for swift and precise navigation through extensive data. With PostgreSQL full-text search implementation, users can customize their experience and use filters to refine results, ensuring they find the exact information they need efficiently.

Chat

The application features real-time chat functionality, enabling seamless communication and collaboration among users. Users can engage in direct conversations with each other and have the option to block specific users if needed. This feature is implemented using Azure Communication Services, ensuring reliable and efficient messaging.

User Profiles

The application supports two types of profiles: one for individuals and another for companies. Each profile type showcases the user's products, services, and expertise within their respective domains. Users can interact with profiles by adding contacts and following others, fostering connections and engagement within the platform.

Dynamic Live Feed

The application features a dynamic live feed interface that keeps users informed with up-to-date information and notifications. Users can post content that their followers will see, while specific profiles' content is visible to all users. A smart algorithm ensures that users always see the latest and previously unseen content, keeping the feed fresh and engaging.

Dedicated forum

The application includes a dedicated forum that serves as a platform for users to engage in discussions, share insights, and seek expert advice. The forum features an upvote and downvote system to highlight valuable contributions. Users can sort threads in various ways, including a smart algorithm that surfaces trending topics, ensuring that the most relevant and popular discussions are easily accessible.

Integrated payments

The application offers seamlessly integrated payments for subscription-based services, providing users with a convenient and secure payment experience. Implemented using Stripe, this feature facilitates smooth and reliable transactions, allowing users to easily manage their subscriptions and payments.

Notifications

The application includes an email notification system, integrating the SendGrid service to keep users informed with timely updates. Users have the option to subscribe or unsubscribe from these notifications.

Customizable

The application is designed for resale (for example whitelabeling), allowing clients to offer it to different customers with tailored features. Configuration is managed through configuration files, enabling customization of profile page modules, searchable areas, and UI elements. This flexibility ensures that the application can be adapted to meet various customer needs and preferences.

Administrator Moderation

Administrator users can moderate various sections of the application, such as user profiles, forum content, activity feeds, and user accounts. This functionality ensures that only high-quality content remains in the app, maintaining a positive and engaging user experience.

Technology highlights

React
.NET Core
Azure
Stripe
PostsgreSQL

Team

Business Analyst

As a key member of the team, the Business Analyst played a vital role in identifying and understanding the business and marketing needs of the project. With a keen eye for detail and a deep understanding of industry requirements, the Business Analyst skillfully translated these needs into user stories. Their expertise in gathering and analyzing requirements helped shape the project's direction and ensured alignment with the client's goals and objectives

UX/UI Designer

The UX/UI Designer was instrumental in creating a modern and responsive UI that translated user stories into a seamless user experience. Their expertise in user-centered design principles ensured the final product was visually appealing, intuitive to navigate, and optimized for various devices and screen sizes

Developers

Our talented team, following the Scrum methodology, successfully created the frontend and backend components, along with the database and infrastructure. Through effective collaboration, they delivered robust functionality and implemented a scalable database architecture

QA Engineers

Our dedicated team ensured the quality and reliability of the project through rigorous testing and comprehensive quality assurance processes. Their expertise in industry-standard methodologies contributed to the flawless functionality, performance, and security of the software