Industry
Manufacturing / Industrial
Region
United States
Client Type
Enterprise
Image Sets
Multi-record, multi-set
Platform
Salesforce + SharinPix
Delivery
Multi-phase, 8 weeks
60%
Faster visual review — teams assess Before–After pairs in a fraction of the prior time
100%
Automated image pairing — zero manual matching; tag + date logic handles it all
0
Mis-paired image sets after go-live — correct Before–After association on every record
1 LWC
Single component handles all image sets per record — no additional tools required
3× faster
Navigation across multi-image records — built-in Previous / Next controls replace tab-switching
Full audit
Every comparison carries date, record, and object metadata — always traceable

Challenge vs. Solution

Six Operational Problems That Blocked Visual Review Accuracy — and Six Fixes That Resolved Them

✕ Before — The Challenges 6 Problems
No structured pairing logic — operations staff scrolled through unordered image lists and guessed which Before corresponded to which After.
Mis-matched image sets — without tag-based sequencing, teams regularly paired the wrong photos, causing rework and missed defects.
No contextual metadata in view — when reviewing images, teams had no immediate access to record name, date, or object context without leaving the page.
Multi-image records were unnavigable — records with 8–12 image pairs required constant tab-switching and manual tracking of which set had been reviewed.
No audit trail for visual comparisons — there was no record of which images were reviewed, when, or in what sequence — a compliance gap for field operations.
Image storage disconnected from Salesforce UI — SharinPix images existed in storage but the Salesforce interface offered no structured comparison view on the record page.
✓ After — What We Built 6 Fixes
Tag + date-based pairing engine — we built LWC logic that reads Before/After image tags and upload timestamps to match pairs automatically and reliably every time.
Zero-error image matching at scale — the pairing algorithm eliminated mis-matches across all multi-set records from day one of go-live.
Inline contextual metadata display — every Before–After comparison panel shows the image name, upload date, and related Salesforce record without leaving the view.
Built-in Previous / Next navigation — reviewers move through all image pairs on a record with a single click, with current position and total count always visible.
Structured traceability on every pair — date, record reference, and object data are stored with each comparison view, creating a reliable visual audit history.
SharinPix ↔ Salesforce UI fully connected — the LWC maps SharinPix image storage to Salesforce record pages, surfacing the right comparison view in the right place.

What We Did

Five Phases That Took From Manual Guesswork to Automated Clarity

Discovery

Mapped the Image Workflow Before Writing a Single Line of Code

We audited how operations team uploaded, stored, and manually reviewed images inside Salesforce — identifying the exact points where pairing broke down and context was lost. This gap analysis became the specification for the LWC component architecture.

Process Mapping Gap Analysis SharinPix Audit Component Blueprint
Architecture

Designed the Pairing Logic Before Building the UI

We defined the tag taxonomy (Before / After) and date-sequencing rules that would drive automatic image matching — ensuring the pairing logic was robust before any UI work began. We also mapped the SharinPix ↔ Salesforce record data contract to avoid integration surprises downstream.

LWC Architecture Tag Taxonomy Design Salesforce Files / SharinPix Data Contract Design
Development

Built the Lightning Web Component with Side-by-Side Layout and Navigation

We developed the LWC to display Before (left) and After (right) images side by side on the Salesforce record page, with all contextual metadata visible inline. We implemented the Previous / Next navigation controls and paired-set counter so reviewers always know where they are across multi-image records.

Lightning Web Component Apex SharinPix Integration Salesforce Record Pages
Data & QA

Validated Pairing Accuracy Across All Existing Image Records

We ran the pairing algorithm against full library of existing image records — correcting tag metadata, resolving sequencing edge cases, and confirming every Before–After pair resolved correctly. We tested navigation across records with varying image set counts (1–14 pairs) before signing off.

Metadata Cleanup Tag Validation Regression Testing Edge Case Coverage
Deployment & Handoff

Deployed to Production and Handed Off a Self-Sufficient Operations Team

We deployed the component to Salesforce production org, embedded it on the relevant record page layouts, and ran focused training so the operations team could manage tagging and image uploads independently. The team needed no ongoing Twopir support to add new image sets after go-live.

Salesforce Deployment Page Layout Config Operations Training Admin Handoff

Before this, our team was opening images in separate tabs and trying to remember which photo matched which job. Now it's right there — Before on the left, After on the right, all the details underneath. Reviews that used to take the better part of an hour now take minutes.

— Twopir Project Lead · US Manufacturing Enterprise · 2024

Key Outcomes

What Changed — In Numbers and in Practice

1 LWC

One component replaced an entirely manual, error-prone process

A single Lightning Web Component now handles all Before–After image comparison for no external tools, no tab-switching, no guesswork.

100%

Automated pairing — zero manual matching required after deployment

Tag-based and date-sequenced logic pairs every Before and After image automatically, eliminating the root cause of mismatched reviews.

60%

Visual review time cut by more than half for the operations team

Side-by-side layout, inline metadata, and Previous / Next navigation compress review sessions that previously required multiple tools and manual cross-referencing.

0 errors

No mis-paired image sets since go-live — every pair resolves correctly

The algorithm was validated against the full image library before deployment; post-launch accuracy has been 100% across all record types.

Full trail

Date, record, and object metadata visible on every comparison — audit-ready

Every Before–After comparison surfaces its full contextual data inline, giving field operations a clear, traceable record of what was reviewed and when.

Day 1

Operations team fully independent — no ongoing Twopir support needed

Staff were trained to manage tagging and uploads before go-live; the team has added new image sets and record types without any external assistance since deployment.

Running a Similar Manufacturing or Field Operations Workflow?

We'll audit your current Salesforce image handling and tell you exactly what's fixable — free assessment, findings delivered within 5 business days, no commitment required.


Technologies Used

The Tools and Techniques Behind This Engagement

Salesforce Sales Cloud Lightning Web Component (LWC) Apex SharinPix Salesforce Files Tag-Based Pairing Logic Date Sequencing Algorithm Custom Metadata Config

Ready to Build Salesforce Tools Your Team Will Actually Use?

Twopir has delivered 500+ Salesforce implementations across the US, UK, Australia, and UAE over 12+ years — with coverage across US EST, UK GMT, and AEST time zones. We don't just configure; we engineer the solution that fits your workflow.

12+ Years · 500+ Clients · Salesforce Partner · HubSpot Partner · US · Canada · UK · UAE · Australia · New Zealand