Senior UX/UI Product Designer · UX Design Lead · 20+ Years of Experience · AI-enabled product delivery
Modernizing heavy industry through AI-driven UX. This project solves the "Fatigue & Friction" problem for site workers through a voice-first, high-contrast interface.
*Results based on Comparative Task Analysis of paper vs. prototype flows.
Voice-to-Report flow reduces entry time from 5 mins (manual) to 30 seconds.
Offline-First logic ensures 100% capture rate in concrete basements.
Glove-friendly touch targets (60px) passed simulated fatigue testing.
I performed a Step-Count Analysis. The traditional process required 12 physical steps; the new flow requires 3 taps. These percentages are a direct reflection of that friction reduction.
I used AI to scrape and analyze the top 3 complaints for industry leaders like Procore. The result: Most industrial software is built for the office, not the field.
Prompt: "Analyze Procore user reviews. Identify why on-site workers struggle. Present in a logic table."
Haris is a veteran foreman with low tech-patience. I synthesized thousands of data points to create his profile, which dictated every design rule from button size to offline sync.
View Full Persona ProfileI link raw data to external files to keep this story scannable. Portfolio visitors want to see my decisions, not read pages of raw transcripts. Haris represents my "Human Compass."
I mapped the "Hazard Report" flow to be entirely usable without a signal. The app caches data locally and auto-syncs when the worker hits the surface.
Prompt: "Generate a user flow for a foreman wearing gloves with zero internet. Focus on Voice + Camera."
Open Logic MapStrategy is about solving the "Basement Problem." By choosing Mermaid.js, I turned logic into visual flows instantly, ensuring the navigation was foolproof before a single pixel was drawn.
I designed the interface for the Sarajevo sun. This required Construction Yellow for high contrast and 60px touch targets to ensure usability with safety gloves.
Prompt: "Generate UI for GCT. Use Slate Grey/Yellow. All buttons must be 60px+ for glove-friendly interaction."
I combined visual design with a functional prototype to perform the "Glove Test." If the flow is fast and the buttons are "unmissable," the design is ready for the site. The prototype validated our 30-second reporting goal.
Using Lovable, I converted the Uizard logic into a functional React/Tailwind shell. This modular approach allows us to scale GCT from a Safety module into a full ERP system one piece at a time.
Prompt: "Create a modular React/Tailwind shell. Ensure a persistent mobile navigation bar."
The goal wasn't just to build an app, but to establish a Modular ERP Architecture. By moving into Cursor, I acted as the Lead Architect—utilizing AI to handle the boilerplate while I focused on the complex logic of 'Project Context' and Hardware Handshakes. This approach reduced the development cycle of a functional MVP from months to days without sacrificing code quality
In a senior capacity, AI shouldn't just be used for "coding." It is a tool for architectural orchestration. By offloading boilerplate generation to Lovable and Cursor, I was able to focus on high-level systems design, data integrity, and solving complex edge cases in the user journey.
Traditional design-to-handoff workflows often miss hardware-specific friction. By building a "Living Prototype," I could identify early that standard text inputs fail on a construction site. This led to the pivot toward multimodal inputs (Voice/Photo), which significantly increased the tool's projected adoption rate.
Knowing when to leave a low-code environment is as important as knowing when to start one. Moving to Cursor was a strategic decision to prevent "technical debt" early. It allowed for the implementation of Global State Management and Git version control, ensuring the MVP was a foundation, not just a facade.
This project reinforced that a Senior Designer’s value lies in understanding the full stack. Managing the Supabase relational schema ensured that the design wasn't just "pretty" but was fundamentally rooted in how data is structured, queried, and protected.