.header-2{ opacity: 0; -moz-transition: opacity .25s ease-out !important; -webkit-transition: opacity .25s ease-out !important; transition: opacity .25s ease-out !important; } .elementor-sticky--effects.header-2{ opacity: 1 !important; }

Mobile Claim Module

As the UI/UX designer, I was responsible for crafting the user flow, interface design, and overall experience of the app. I designed the full app using Adobe XD, starting from wireframes to high-fidelity mockups, ensuring the interface was both intuitive for employees and efficient for managers.

I also worked closely with developers to ensure the design was implemented accurately, providing guidance on spacing, typography, and mobile responsiveness. The UI followed a clean, minimalist theme to keep the app professional and user-friendly.

Core Features Designed

  • Leave Application: Employees can view their leave balance, select leave dates, add reasons, and submit requests.

  • Claims Submission: Users can upload receipts, enter claim details, and track claim status.

  • Manager Dashboard: Managers can view pending requests, approve or reject leave and claims, and leave feedback if necessary.

  • Notification System: Real-time push notifications for request updates, approvals, or rejections.

Challenges & Solutions

One of the challenges was creating an interface that catered to two distinct user roles — employees and managers — while keeping the app lightweight and easy to navigate. To solve this, I used conditional UI rendering based on user role and developed role-specific dashboards.

Another challenge was managing the flow of multi-step forms (like claims with attachments). I simplified these forms with clear field labeling, progress indicators, and visual feedback to ensure smooth user interaction.