diff --git a/documentation/usage-guide/images/webclient_coordinates.png b/documentation/usage-guide/images/webclient_coordinates.png
new file mode 100644
index 0000000000000000000000000000000000000000..270f9f4c5b4bd2a88dc3f7c9e02c7588e07d27a3
Binary files /dev/null and b/documentation/usage-guide/images/webclient_coordinates.png differ
diff --git a/documentation/usage-guide/images/webclient_current-view.png b/documentation/usage-guide/images/webclient_current-view.png
new file mode 100644
index 0000000000000000000000000000000000000000..013a4fa386e7a3860b040b9d676a0d384ef3fb98
Binary files /dev/null and b/documentation/usage-guide/images/webclient_current-view.png differ
diff --git a/documentation/usage-guide/images/webclient_highlighting.png b/documentation/usage-guide/images/webclient_highlighting.png
new file mode 100644
index 0000000000000000000000000000000000000000..2f8957b7287904f778650d95174158b257b40fe5
Binary files /dev/null and b/documentation/usage-guide/images/webclient_highlighting.png differ
diff --git a/documentation/usage-guide/images/webclient_loading-indicator.png b/documentation/usage-guide/images/webclient_loading-indicator.png
new file mode 100644
index 0000000000000000000000000000000000000000..47c3f642ed697bcb37915491718d7133e28fb67d
Binary files /dev/null and b/documentation/usage-guide/images/webclient_loading-indicator.png differ
diff --git a/documentation/usage-guide/images/webclient_select-on-map.png b/documentation/usage-guide/images/webclient_select-on-map.png
new file mode 100644
index 0000000000000000000000000000000000000000..75d21fc35383cb3e52f810667f3e6a44eb6068c9
Binary files /dev/null and b/documentation/usage-guide/images/webclient_select-on-map.png differ
diff --git a/documentation/usage-guide/images/webclient_timeslider-dots.png b/documentation/usage-guide/images/webclient_timeslider-dots.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d97e414eb44cc535294c4621da1aa9ed5de3773
Binary files /dev/null and b/documentation/usage-guide/images/webclient_timeslider-dots.png differ
diff --git a/documentation/usage-guide/images/webclient_tutorial-button.png b/documentation/usage-guide/images/webclient_tutorial-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7c7ffe26661d3f7f71f8d0339d955e044cd6369
Binary files /dev/null and b/documentation/usage-guide/images/webclient_tutorial-button.png differ
diff --git a/documentation/usage-guide/web-client.rst b/documentation/usage-guide/web-client.rst
index 49b7861fa29185c1949f60ce56391cd3b61f5453..84da3e0e4312131cd829703545d20db291acfedf 100644
--- a/documentation/usage-guide/web-client.rst
+++ b/documentation/usage-guide/web-client.rst
@@ -12,8 +12,7 @@ Interactive Tutorial
 
 When the web client is opened for the first time a short interactive tutorial
 starts as shown in :numref:`fig_webclient_tutorial` below. It guides the user
-through the main features and elements. The tutorial can be started again
-anytime by clicking the *book* icon in the bottom right of the window.
+through the main features and elements.
 
 .. _fig_webclient_tutorial:
 .. figure:: images/webclient_tutorial_01_start.*
@@ -21,6 +20,14 @@ anytime by clicking the *book* icon in the bottom right of the window.
 
    *Web Client Tutorial - Start*
 
+The tutorial can be started again
+anytime by clicking the *book* icon in the bottom right of the window.
+
+.. figure:: images/webclient_tutorial-button.*
+   :alt: Web Client Tutorial Button
+
+   *Web Client Tutorial Button*
+
 Map
 ---