Logo color
IMPACT A/S-hero-image

IMPACT-Connect

IMPACT is a digital consultancy that aims to improve eCommerce and transform brands through building long-lasting relationships, rather than just transactions.

Client

IMPACT A/S

Services

Frontend

Backend

UX & UI design

Analytics

Purpose

Our aim was to identify any obstacles and develop the solution to resolve them.

Technologies

Next.js
TypeScript
Styled Components
Framer
MongoDB
Azure
Vercel

Visit the page

Click here

The problem:

In recent years, IMPACT has experienced exponential growth, acquiring new assets and locations throughout Europe. This growth brought both opportunities and challenges, one of which was collaboration and the integration of new people into the organization. Only long-time employees knew who to reach out to for help, and we aimed to address this issue with our solution

impact-connect logo

Architecture:

Our solution was designed to meet all clients' needs and allow for seamless integration. It encompasses all aspects of the product, from the backend and database to the frontend. We used Next.js with TypeScript for the frontend, Azure AD and Next Auth for the backend and security, MongoDB and Mongoose for data storage, and Zustand for state management and Styled Components for styling.

homepage

Our goal:

At IMPACT, we set out to create a solution that would encourage employees to actively seek help from their colleagues within the organization, rather than facing problems alone. Our goal was to establish a behavior that enables employees to easily find the right person to assist them, thus avoiding the duplication of effort and the solving of already solved problems.

signUp

Authentication and registration:

Providing a personalized experience for each user while protecting their sensitive data from external threats is crucial. To achieve this, we used Azure AD B2C for authentication and security, which is managed by Microsoft and offers a high level of security. However, since we were unable to obtain all the necessary information through Azure, we also included our own sign-up process. This allows us to supplement the data obtained from Azure and ensures that all the information is safely stored in our database.

search

Intuitive search:

We aimed to improve the search experience by providing users with highly precise results. To achieve this, our search indexes not only include direct data such as names, but also indirect data such as skills and projects. This allows us to present multiple suggestions for each query, much like Google's search experience.

project

Projects & People:

Given the large number of projects and people in our database, it was essential to provide detailed information about each one. To make it user-friendly and easy to navigate, we decided to present the information in the form of a slider, which received positive feedback from our testers. This design choice not only made it feel like an app but also allowed for quick and easy access to the information for the user.

Get in touch.

Follow me.