Local 831
UI / UX Design
June 2023 – Ongoing
Designing a web app to modernize the union’s historic “Call by Name” system, replacing a century-old phone book-based process with a dynamic web application. The design leverages a pre-built component library from Tailwind, reducing design and development costs by
Built using the TALL stack (Tailwind CSS, Alpine.js, Laravel, and Livewire), the web app streamlines workforce coordination, facilitates member engagement, and enables operational transparency while delivering an efficient, user-friendly experience on desktop and mobile devices.
Wireframing and Identifying Use Cases
I was tasked with creating a mobile and desktop database-driven web application for the Local 831 call-by-name system that connects hiring foremen (Employers) to Local 831 members. As a deliverable to the client, I created wireframes to show the client possible workflows based on a comprehensive use-case document for a new app we (MIG) would develop to help the client organize their data, and communication.
Use Cases
Wireframe Workflows: Local 831 Members (mobile)
Members 1: Updating availability
Members 2: View notifications
Members 3: View/accept jobs and leave messages
Wireframe Workflows: Hiring Foremen (desktop)
Employers 1: Adding jobs to a show
Employers 2: Adding members to a job
Employers 3: Adding/removing members on jobs
Prototyped Mockups
After receiving client approval on the low-fidelity wireframes, I began creating fully prototyped mockups in Figma leveraging pre-build component styles from Twinwind CSS. These mockups fleshed out UX holes not yet defined and enabled user testing before development began. Administrators and hiring foremen provided feedback as to what wasn’t clear within the app, and which edge cases to account for.
Instead of listing out pre-defined user journeys, the mockups encapsulate all basic functionality, including edge cases noted by our testing groups. The end product is a responsive web app connecting union administrators, hiring foremen, and members together while eliminating the paper trail and communication holes left behind by their phone book process.
By word-of-mouth, unions in Texas have expressed strong interest in this product to help streamline their analog process. View the prototypes below: