← Back to projects
People CardsCase study

One login.
A complete card.

I turned manual copying of profiles, shifts and permissions into a simple generator. Data is merged automatically into a consistent card ready to print.

JavaScriptBrowser automationData mergingPrint CSSSheetJS
Eva Královákralovae · Afternoon B
RECEIVINGUNLOADINGCHECKINGENRICHMENT
Jan Nováknovakj · Morning A
PACKINGPICKINGSHIPPING
GENERATION COMPLETE2 profiles · 2 cards ✓
1 loginto a complete employee card
2 sourcesprofile and permissions merged automatically
9 cardsin a precise A4 grid
1 clickfor printing or PDF export
Why this project exists

A small card.
An unnecessarily big task.

Every result looked simple. Preparing it was not.

Names, logins, shifts, identification numbers and work permissions were copied manually from several places. Each additional card repeated the work and made errors or inconsistent formatting more likely. I wanted to create something practical for employees: an attractive, readable output without unnecessary administration.

Employee perspective

“Finally, a card that is clear and looks good.”

A consistent look, shift colors, readable processes and an identification code are ready for everyday use.

Creator perspective

“I do not want to copy the same data over and over.”

The generator took over repetitive work: loading profiles, combining sources, removing duplicates and preparing a print sheet.

Automation flow

From a login
to a finished sheet.

01Enter a loginOne profile or a whole list at once

02Merge dataProfile, shift and permissions from two sources

03Build the cardShift colors, labels and an identification code

04Prepare printAutomatic A4 grid without manual layout

02 / DATA MERGE
PROFILEJan Novák · Morning A
+
PERMISSIONSPACKING · PICKING · SHIPPING
03 / GENERATED CARD
Jan Nováknovakj · Morning A
PACKINGPICKINGSHIPPING
04 / PRINT-READY A4
9 cards ready · Print / PDF →
Behind the interface

Simple to use.
Reliable logic inside.

01 / Workflow redesign

I removed the work repeated for every employee.

Enter one login or a whole list. The generator retrieves the details, prepares individual cards and clearly flags missing profiles. One error does not require starting the entire batch again.

01 / INPUTLogin or ID, individually or in a batch.02 / ENRICHProfile enriched with process permissions.03 / OUTPUTConsistent design and a ready print grid.
02 / Data merging

Two sources become one verified profile.

Employee profiles are automatically enriched with their work permissions. Duplicate labels are removed, and if a source is incomplete, the app uses available verified data instead of returning an empty card.

PROFILEname, login, shiftSKILLSmax. 8 labelsCACHEquick repeatFALLBACKuse available data
03 / Output system

Prepared data becomes valuable when it can actually be used.

The generator places cards directly into a precise print grid. It keeps dimensions, order, page breaks and QR codes consistent and readable, so the same output works for printing and PDF export.

3 × 3A4 gridQRverifiable codePDFready export
Before & after

From assembling data
to a finished card.

Before: one card assembled from three places
Employee profile

NameJan Novák

Loginnovakj

ShiftMorning A

Permissions.xlsx

novakjPACKINGPICKINGSHIPPING

svobodapPACKING—SHIPPING

card_final_v4

NAMELOGINPROCESSES

copy the namecheck permissions7 manual steps for one card
  • Details open across three sources
  • Each field is copied separately
  • A person still checks and aligns the data
After: a login creates the complete output
INPUTnovakj→DATA2 sources merged→OUTPUTCard ready ✓
EMPLOYEE CARDJan Nováknovakj · Morning A
01
PACKINGPICKINGSHIPPING
PRINT SHEETA4 · 9 / 9 slots
Ready for print or PDF ✓
  • Profile and permissions are merged automatically
  • Every card has the same structure
  • The whole set is ready to export
← MANUAL ASSEMBLYFINISHED OUTPUT →
↔
Project impact

A more practical tool.
A better experience for people.

01

No manual copying

Profile and permissions are loaded and merged automatically.

02

Consistent design

Every card uses consistent typography, structure and colors.

03

Batch preparation

Multiple logins create a whole card set in one step.

04

Employee output

The result is a practical tool that people actually use and appreciate.

Interactive demo

Generate your card
in one click.

The demo uses anonymized profiles and preserves the real principles of generation, color coding and print layout.