Skip to content
Back

Datamate · Web

Datamate B-Connect

An employee portal where a company's people find their day, their requests and their approvals in one place.

Client
Datamate
Platform
Web
Scope
Product design, UX, UI, Design system, Responsive design
B-Connect My Page with leave between expense claims and the calendar, with an approval flow in front and My Page on a phone

The goal

B-Connect is the employee portal we designed for Datamate. Announcements, the phone book, the cafeteria menu, leave, equipment, documents, requests and approvals sit in one app with one search and one menu, on desktop and on the phone, so people start their working day in the same place.

My page and the company

My Page shows each person's leave balance and history, personal records, assigned equipment, reporting staff and their approvals. The company area holds employee details, the holiday calendar, the org chart and management documents; the calendar shows the day, week, month or year with colleagues on leave.

Requests, projects and the help desk

Requests are tracked as a list or a board, approvals arrive in their own queue, and projects run with lists, boards, a Gantt chart, sprints and timesheets. The help desk groups topics and frequent questions and opens a request when nothing fits.

Expense claims

Expense claims are filed with receipts and invoices and move through a visible approval flow: accounting, managers and the general manager, each step with its status and time. Accounting can adjust amounts and check every receipt, on desktop or on the phone.

Flows

The phone book, My Page and the calendar, with the leave balance in front
The phone book, My Page and the calendar, with the leave balance in front
The request board, a project's Gantt chart and expense claims, with an approval flow in front
The request board, a project's Gantt chart and expense claims, with an approval flow in front
An expense claim with its approval flow, and the same on the phone
An expense claim with its approval flow, and the same on the phone

Screens

  • My Page: leave
  • Calendar
  • Requests board
  • Project Gantt chart
  • Expense claims
  • Claim detail and approval flow

On the phone

  • My Page

    My Page

  • Expense claims

    Expense claims

  • Approval flow

    Approval flow

More projects

Planning something similar?