assets loading
Company project · Web app

Assets Management System

Request, approve and track every company asset in one place.

  • UX · UI · DevMy role
  • 4User roles
  • 16Key screens
Request queue
Products with live status
iRecord · Admin dashboard
Admin dashboard with asset requests, criticality, inventory, availability, health, vendors and contracts
Overview

From manual to tracked

The shift

  1. Requests raised by hand
    Requests raised online
  2. Stock checked on the shelf
    Live stock and item health
  3. No record of approvals
    Every decision logged

My role

  1. 01UXFlows for four roles
  2. 02UI designDashboards, forms, pop-ups
  3. 03UI developmentResponsive front end

In numbers

4User roles
16Key screens
3Approval outcomes

Tools & technology

  • Figma
  • HTML
  • CSS
  • SCSS
  • JavaScript
  • React
  • Bootstrap
  • Chart.js
16 screens · 4 roles
  1. Requester dashboard

    Their requests, assets and renewals.

  2. Browse products

    See what exists before asking.

  3. New request

    Items, locations and files in one pop-up.

  4. My requests

    New, approved or rejected at a glance.

  5. Request queue

    Everything waiting for a decision.

  6. Request details

    Approve, return or reject in one click.

  7. Add a reason

    A comment goes with every decision.

  8. Store dashboard

    Requests, stock and SLA at a glance.

  9. Store requests

    Requests waiting for the store.

  10. Complete or return

    Check the items, then close the request.

  11. Stock

    In use, in store, damaged or expired.

  12. Item health

    Status, condition and life span per unit.

  13. Admin dashboard

    The whole operation on one screen.

  14. Inventory

    Every product with its live status.

  15. Add product

    Hardware, software or contract, unit by unit.

  16. Product record

    Full detail, with edit and delete.

01 / 16
iRecord · Requester dashboard
Requester dashboard
Product cards with status filters
New request pop-up
Request cards marked new, approved or rejected
Request queue
Request details with reject, return and approve
Add comments pop-up
Store keeper dashboard
Requests for the store
Request details with return and complete
Stock filtered by status
Read-only product details
Admin dashboard
All products with status
Add product pop-up
Product details with edit and delete
UI challenge

Shapes made in pure CSS

No images, and they never break at any width. Drag to try it.