About

Work

Pricing

Contact

Playground

Ali —
PRODUCT AND
BRAND DESIGNER

Menu

©2025
DETROIT, MI

Trenchless

Trenchless is a specialized app designed to help field technicians detect and document leaks in underground or concealed piping systems. The app provides a clean, technician-friendly interface that streamlines the entire inspection process—from job intake to leak verification.

Services

UI Design

Industry

Plumbing

Association

YR / 2025

Trenchless – Leak Detection App for Technicians

Trenchless simplifies complex fieldwork into a structured, efficient workflow—helping technicians save time, reduce error, and keep a verifiable trail of every leak detected.

The Filters screen allows technicians to fine-tune audio recordings to better isolate and identify leak sounds. It includes a range of sound filters, including an AI Filter that enhances leak-specific frequencies and an AI Denoise option that removes background noise for clearer detection. These tools help technicians pinpoint leak sources with greater accuracy and confidence.

Summary – Complete Job Overview —

The Summary screen provides a comprehensive view of each job, from initial onboarding details to documented leak findings. Technicians can review and edit client info, job type, and site details, as well as access recordings and notes linked to each inspected fixture. It serves as the central hub for final review and ensures all leak data is organized, accessible, and ready for reporting or follow-up.

Technicians can view the fixtures they've documented, see their photos and recordings, or add new ones from the summary screen.

Meter Timing, Listening, and Documentation —

Technicians can document leak detection process. They can start by timing the meter, then select specific fixtures from a list to inspect individually. For each fixture, technicians can record audio, take photos, and add notes—all saved as separate, detailed entries. This structured approach ensures accurate documentation and makes it easy to track where leaks are coming from.

Built for Scalability —

The Trenchless design system in Figma is a structured library of reusable UI components, designed for consistency and efficiency across the app. It includes a full set of components—buttons, form fields, cards, navigation elements, and layout patterns—organized with clear naming and variant structures. Figma variables are also used to manage design tokens like colors, spacing, and typography, making global updates fast and reliable. The system supports rapid design iterations, smooth developer handoff, and a unified user experience throughout the product.

Trenchless

Ghostnote

MiDoctor

SoundSphere

Visonic

Atomika

"I’ve teamed up with Ali on many projects ranging from web design to full branding makeovers, and he's genuinely an amazing person to work with. Extremely skillful, always had a strong attention to detail and made sure we're on the same page at all times while bringing fresh perspectives and ideas that really lifts up design projects of any scope."

SUTHAN S →
SENIOR DESIGNER

“Ali is one of the most talented designers I’ve had the pleasure of working with. His ability to create thoughtful, beautifully detailed work is truly impressive. Ali’s work speaks for itself and he consistently raises the bar on every project.”

Calvin Bramlett →
Creative Director

"Ali did an outstanding job on azzolatrucks.it, delivering a clean, clear, and smooth website tailored to our target buyer personas. Despite my sometimes unclear communication, he skillfully transformed my ideas into a well-structured and visually effective design. A true professional: fast, knowledgeable, and highly skilled in Webflow. Highly recommended."

Michele Azzola →
Azzola Trucks

"Ali has an incredible way of translating ideas into visuals. He took Visonic’s essence and crafted a brand that feels just as immersive as the music. Working together was seamless, and the results speak for themselves!"

Ezra Calloway
Founder of Visonic