Foex UI/UX App Design
Overview
FOEX is a specialized inspection platform designed for field technicians responsible for the maintenance and compliance of industrial machinery. Built to simplify on-site audits, FOEX allows inspectors to follow detailed checklists, document findings, and ensure that every component of each machine is physically verified and approved.
Tools: Figma, Adobe XD, Illustrator
Role: Lead UI/UX Designer
I led the UI/UX design and front-end development of FOEX, focusing on user-friendly form structures, offline-first inspection capabilities, and real-time sync when back online. My goal was to streamline complex inspection flows while ensuring accessibility and responsiveness across devices.
Key Features & UI Flow
🧾 Dynamic Checklists
Customizable checklists based on machine type, inspection frequency, and compliance standards.
📸 Photo Uploads & Annotations
Inspectors can take photos of components and annotate issues directly on the image.
🕓 Offline Functionality
Allows inspections in remote areas with data syncing once a connection is available.
🔁 Form Versioning & Templates
Admins can push updates to inspection forms without disrupting saved progress.
📊 Reports & Analytics
Export inspection summaries with pass/fail status, time spent per inspection, and checklist completion rates.
👥 Role-Based Access
Separate dashboards and privileges for admins, inspectors, and quality managers.
Design Approach
I adopted a clean, mobile-first layout with large tappable elements, progress indicators, and status feedback for each checklist item. The design language uses DaisyUI with Tailwind for quick theme iterations and high contrast for field visibility.
Refinement Opportunities
📍 Geo-Tagged Inspections
Automatically tag inspection entries with GPS coordinates to verify on-site visits and enhance traceability.
🎤 Voice-to-Text Notes
Enable inspectors to dictate findings using voice input for faster, hands-free data entry.
🧠 AI-Powered Anomaly Detection
Leverage AI to analyze photo uploads and flag potential issues or deviations from previous inspection patterns.
🗂️ Inspection Scheduling & Reminders
Add a built-in calendar and notification system to schedule recurring inspections and notify stakeholders.
🔒 Audit Trails & Change Logs
Maintain a complete log of form edits, submissions, and user actions for regulatory compliance and transparency.
🧩 Third-Party Integrations
Support integration with ERP systems, maintenance platforms (e.g., CMMS), or IoT sensors for seamless workflow automation.
🌐 Multilingual Support
Offer a multi-language interface to accommodate diverse field teams and global operations.
🚨 Real-Time Alerts & Escalations
Send real-time alerts to supervisors when a critical inspection fails or a safety issue is flagged.
