Jireh Industrial Services
Visual Design + Dev Handoff
YEAR: 2025
The Client
Jireh Industrial Services (JIS) has an enviable position in the construction world where they operate. Through the excellent service they provide, they’ve established a reputation of respect and reliability for themselves, and they’re currently transitioning to a women-owned and women-led organization. Things are being passed to the next generation, and they needed their digital tools to more fully represent who they are, the quality of their work, and the direction they’re moving in.
Not only is the women-led nature of JIS impressive in such a male-dominated industry, it’s notable that their approach isn’t that of “female pirates” trying to conquer anything. They’re simply bringing community, inclusion, and heart to the strength and reliability their industry demands. These are not mutually exclusive traits, and JIS is proving that.
Project Objective
Evolve their web presence so it aligns with best practices and helps facilitate sales, and evolve their branding so it reaches the high standards of the services they provide.
My role on this project
UX/UI Design, industry & Audience Research, Wireframing, Visual Design, Website Development QC, Logo Design & Refinement.
Collaborator
Shea Ashdown (PMI-ACP, CSPO) for Content Strategy, Copywriting, and Project Management
Visual Design
The strategy, research, and interviews completed earlier in the project made the visual design phase straightforward. By the time I reached this stage, the aesthetic direction was clear: professional, reliable, trustworthy, and strong, while also remaining inclusive, relational, and human.
In the final designs, you can see how every decision converged. The refreshed color palette and type system were activated across the layout, imagery was chosen to reinforce the narrative, and each page was structured to guide visitors through a clean, intuitive, and intentional experience.
Their website functions as both a marketing tool and an information hub, and to deliver those experiences well, it has to move users forward without friction. Every design choice was made to reduce confusion, remove barriers, and ease the user’s progress.
Home Page
One of the strengths of partnering with Shea Ashdown is the clarity and precision she brings to messaging. Her copy strategy and my visual system were developed in tandem, which is why this home page feels cohesive. The hierarchy, tone, and layout all echo the same story: a company that is strong, reliable, and deeply human.
You can see in this design how her language and my visual framing reinforce each other. The words set the narrative direction, and the visual structure amplifies it. It’s a true collaboration. She designs with language, and I design with form, and this page is the result of both disciplines working in sync.
Air Pollution Control
This service was recently added to JIS’s offerings by the acquisition of an environmental-services company. Now, they needed a clear and credible way to present it. “Comprehensive Services for Industrial Dust Collection” captures the scope, but the design had to build trust, not just inform.
This page organizes a highly technical offering into a clean, approachable structure that helps potential clients understand what’s being offered, why it matters, and what qualifies JIS to deliver it. Their HAZWOPER certification, authorized dealer status, and safety protocols are presented as credibility anchors, supported by clear descriptions of each service.
Visually, the page is designed to guide users from high-level clarity into detailed capability, and finally toward action. Every section moves them closer to the primary goal: scheduling a walk-through. The layout, copy, iconography, and imagery all work together to create an immediate sense of competence, safety, and professionalism, essential qualities in an industry where trust is everything.
Facility Maintenance & Repair
This page showcases the core of JIS’s ongoing work: facility maintenance and repair. These services are wide-ranging, practical, and essential for keeping industrial environments safe and operational. The design had to communicate versatility without overwhelming the user.
The page opens with a clear value statement and transitions into messaging that positions JIS as a reliable, long-term partner rather than a one-off contractor. The structure supports that narrative. The hero introduces the big promise, the next section explains the relational aspect of their work, and the service grid breaks down their capabilities into digestible, visual categories.
For this page, clarity and trust were the priorities. The layout uses simple hierarchy, direct language, and reinforced credibility signals — from photography to team presentation to client logos — all of which help potential clients feel confident in reaching out. The CTA at the bottom ties everything back to the next step in the sales journey: scheduling a walk-through.
This page demonstrates how design, messaging, and structure can turn a broad, complex offering into something tangible and approachable, strengthening JIS’s position as a trusted extension of their clients’ teams.
Contact Form
This page may appear simple, but it carries the weight of the entire site. It’s the point where interest turns into action, so clarity, accessibility, and trust were non-negotiable.
The form layout follows WCAG standards and clean eye-flow patterns to reduce friction and support easy completion. Required fields, validation states, and error messaging were designed with intention so users always know what to do, what went wrong, and how to fix it without frustration.
Subtle brand elements were pulled into the structure — color, typography, spacing, and micro-alignment decisions — to give the page personality without distracting from the task at hand. The goal was a clean, approachable, trustworthy moment for users to connect with JIS, supported by a form that feels modern, human, and easy to complete.
The surrounding content reinforces credibility through contact information, service areas, industry badges, and logos, all of which remind the user they’re engaging with a legitimate, established company. The result is a simple page executed with care, discipline, and purpose.
Design to Development
With the final designs complete, I prepared a Figma file for handoff to the development team. This screenshot shows part of that file. We used it to review the layouts, clarify functionality, and work through any questions during a few rounds of Q&A.
This screenshot shows part of the Q&A thread inside Figma, where the dev team and I worked through functionality questions and clarified implementation details.”
After the first dev build, I brought page screenshots into Figma and annotated the differences between the design and the browser output. This step tightens the details and ensures the build matches the intended design.
Impact
The handoff process was very smooth, and communication with the developer was enjoyable and efficient. Our work produced a clean, accurate translation from Figma to the browser.
