diff --git a/README.md b/README.md
index a0b01f79..f467bedf 100644
--- a/README.md
+++ b/README.md
@@ -109,7 +109,11 @@ Add one line to get an interactive dashboard for reviewing all screenshot differ
 require 'capybara_screenshot_diff/reporters/html'
 ```
 
-After tests run, open `doc/screenshots/snap_diff_report.html` — side-by-side comparison with 4 view modes (both/base/new/heatmap), per-image zoom, annotation toggle, keyboard navigation, and search.
+After tests run, open `doc/screenshots/snap_diff_report.html`:
+
+![SnapDiff Web UI — side-by-side comparison with baseline and current screenshots](docs/images/snap_diff_web_ui.png)
+
+4 view modes (both/base/new/heatmap), per-image zoom, annotation toggle, keyboard navigation, and search.
 
 **In GitHub Actions**, the report renders inline as a CI artifact — no download needed. Add a PR comment with a link to the report automatically:
 
diff --git a/docs/images/snap_diff_web_ui.png b/docs/images/snap_diff_web_ui.png
new file mode 100644
index 00000000..997698e6
Binary files /dev/null and b/docs/images/snap_diff_web_ui.png differ