Built by CodesClue

ArcelorMittal

A mobile app for gate and security staff: scan a visitor's Emirates ID, check them in, and check them out against the right employee and vendor.

Industry
Steel manufacturing
What we did
Gate check-in app with Emirates ID scanning
Platforms
Mobile app, Backend API
Stack

In numbers

Emirates ID scan to identify each visitor
1
records per visit: in and out
2
tabs that cover the gate team's day
5

Overview

ArcelorMittal is one of the world's largest steel and mining companies. At its site in the UAE, every vendor and visitor who comes through the gate has to be identified, recorded on the way in and recorded again on the way out. CodesClue designed and built the mobile app that the gate and security team use to do it, with an Emirates ID scan in place of typing.

At a steel plant, the gate is where safety starts. The team there needs to know who is on site, who they came for and when they left, and a paper register or a spreadsheet cannot answer that quickly or reliably.

The app turns each visit into a record. Staff sign in with their company account, scan the visitor's Emirates ID card, and check the visitor in. When the visitor leaves, the check-out screen shows when they arrived, and staff close the visit against the right employee and vendor. Five tabs cover the day: Home, Check In, Scan, Check Out and Settings.

ArcelorMittal product screen 1
ArcelorMittal product screen 2

Our approach

Designed for a gatehouse, not a desk: quick, clear and hard to get wrong.

  • Scan, don't type

    The Emirates ID card is the starting point of every check-in, so details are captured from the card rather than keyed in by hand.

  • One action per screen

    Each screen does one job with one large button, so staff can work fast with a queue at the gate.

  • The record in view

    Check-out shows the check-in date and time before anything is changed, so staff confirm the right visit.

  • ArcelorMittal's look

    The interface carries the ArcelorMittal mark and a purple-to-orange palette taken from it, with simple illustrations that explain each step.

ArcelorMittal product screen 3
ArcelorMittal product screen 4
ArcelorMittal product screen 5

Challenges and how we solved them

A site with strict entry rules, busy shifts and a team that works on its feet.

CodesClue designed the app and built it in Flutter, with a Node.js backend behind it.

  1. Challenge

    Every entry recorded

    Each visitor has to be identified and logged in and out, with nothing left to memory or paper.

    Solution

    Emirates ID scan

    A dedicated scan screen, one tap from anywhere in the app, captures the visitor's Emirates ID card and submits it.

  2. Challenge

    Speed at the gate

    Vehicles and people queue at shift changes, so each check-in has to take moments, not minutes.

    Solution

    Check-in and check-out

    Separate check-in and check-out flows, with the check-in date and time shown when a visit is closed.

  3. Challenge

    The right people on each visit

    A visit belongs to a vendor and to an employee, and the record has to link them correctly.

    Solution

    Employees and vendors

    Each visit is linked to an employee and a vendor, picked from lists rather than typed.

  4. Challenge

    Only authorised staff

    The app holds personal details from ID cards, so only signed-in staff can use it.

    Solution

    Secure sign-in and backend

    Staff sign in with their company email and password, and a Node.js API stores and serves every visit record.

ArcelorMittal product screen 6

How it works

How a visit is recorded at the gate.

  1. A member of the gate team signs in with their company account.

  2. They scan the visitor's Emirates ID card and submit it.

  3. The visitor is checked in against the right employee and vendor.

  4. On the way out, the visit is checked out, with the check-in time on screen.

Planning something like ArcelorMittal?

Tell us what you are building. An engineer replies within one business day, and we sign an NDA before any engagement.

  1. Answer two quick questions and tell us about the project.
  2. We read it and reply with questions or a plan.
  3. You get a written estimate with milestones before anything is signed.
Or book a 30-min call (opens in a new tab)

    Build together with CodesClue

    Next project

    EmberPay

    A digital payments platform with real-time transaction tracking and reconciliation.

    More work like this

    All 17 case studies

    HealthcareAI product build

    Therapix.AI

    AI clinical documentation that turns therapy sessions into structured notes and SOAP reports.

    62% reduction in documentation time

    • React.js
    • Node.js
    • PostgreSQL
    • +3 more

    Media and entertainmentFilm launch platform: apps, TV, web and backend

    Akcru

    Movie Invite Tickets, chat that unlocks on acceptance and watching together in sync, with VIP premieres for new films, on iOS, Android, Android TV and the web.

    • React Native
    • WordPress

    Live events and public safetyPush-to-talk platform build

    Nexus PTT

    Mission-critical push-to-talk for stadiums, arenas and emergency services.

    500+ concurrent users supported

    • iOS
    • Android
    • AWS