figure AppNavi Transparent Logo

AppNavi

AppNavi Logo

Software easily
explained!

Online classes on tablet
Staff training web application

About
 
the project

The AppNavi application successfully substitutes boring study guides on using different programs and instructors, suggesting engaging interactivity instead. AppNavi eliminates the necessity of hiring a specialist for training new employees, which economizes time and budget.

The AppNavi application successfully substitutes boring study guides on using different programs and instructors, suggesting engaging interactivity instead. AppNavi eliminates the necessity of hiring a specialist for training new employees, which economizes time and budget.

Problematics

AppNavi suggests a completely new approach to employee training as well as increases all specialists' work efficiency. However, despite the rather high popularity among the clients, confusing and unoptimized user flows became a real obstacle for the company in attracting new clients. Initially, the problem lied in relatively outdated application design. The AppNavi program looked too complicated and didn’t establish any trust with the users, raising fear that they wouldn’t be able to puzzle it out.Thus, it couldn’t guarantee an increase in clients and in company budget.

Apart from that, the app already had its users who were used to it, which we needed to keep in mind while making new design and changing old software version to the new technology stack.
Decor P
Educational application layout
Decor O

Challenge

Apart from implementing new intuitively clear user flows, the front-end challenge was to be able to track user's actions in the tool they are learning and suggest next possible steps, leading the pre-planned route.

On the Back-end the challenge was to create a modular system for route storing that can be edited and expanded.

Decor Arrow
educational platform

Solution

To follow users’ actions, a full real-time tracking system was implemented, using TypeScript and JavaScript. That allowed us to catch users’ actions and, depending on the screen area that they hover on, suggest them the next action, such as showing tips, clicking on the button or entering some text.

To customize, change and update the routes, we integrated an editing feature, so that the admin can easily edit or add new features, as well as create new routes.

Decor O

Functionality

The main features we developed:

line
Line
line
step 1 step 1

Ready-made routes that help the user learn the app step by step

step 2 step 2

Tooltips. They guide the user through the respective use cases. The main development focus was on reliable object recognition

step 3 step 3

News. The administrator can create articles for app users

step 4 step 4

Collections. This feature allows administrators combine relevant content into collections and make them available to their onboarders, such as a learning collection

step 5 step 5

Editorial process. The admin can define under which circumstances a user can see the content and what this content will be

Editorial process. The admin can define under which circumstances a user can see the content and what this content will be

logo

Results

The collaboration was very creative and professional in every sense. Milestones were quickly developed and pragmatically refined in a swift iterative process. We were very satisfied with the results in every respect and can recommend bandapixels with a clear conscience.

Carsten Neumann,
co-owner of the AppNavi project
1

Deployed at scale on device This product is designed to be downloaded and deployed at scale on devices (e.g. mobile applications, intelligent agents, etc.)

Deployed on server This product is an on-premise/hosted solution designed to be downloaded and deployed on a server.

2

Software-as-a-Service solution This product is delivered online as a subscription service.

User Assistance provided Assistance is provided to enable all target users to install, configure, and use the solution.

3

Works with SAP Extension Suite and SAP Integration Suite This solution leverages the technologies of the SAP Extension Suite and SAP Integration Suite.

Integrates with SAP Cloud solutions This product integrates with SAP cloud solutions using standard SAP-approved interfaces and APIs. It is designed to be delivered over a network as a cloud service.

Technologies used

HTMLCSS NodeJS NgnixAWS DOcker