diff --git a/la_chariotte/static/img/notice_1.jpg b/la_chariotte/static/img/notice_1.jpg
new file mode 100644
index 0000000..88c0717
Binary files /dev/null and b/la_chariotte/static/img/notice_1.jpg differ
diff --git a/la_chariotte/static/img/notice_2.jpg b/la_chariotte/static/img/notice_2.jpg
new file mode 100644
index 0000000..1509c8a
Binary files /dev/null and b/la_chariotte/static/img/notice_2.jpg differ
diff --git a/la_chariotte/static/img/notice_3.jpg b/la_chariotte/static/img/notice_3.jpg
new file mode 100644
index 0000000..b4c8a35
Binary files /dev/null and b/la_chariotte/static/img/notice_3.jpg differ
diff --git a/la_chariotte/templates/base.html b/la_chariotte/templates/base.html
index 3dac354..b5dd38c 100644
--- a/la_chariotte/templates/base.html
+++ b/la_chariotte/templates/base.html
@@ -91,6 +91,10 @@
           <a class="navbar-item" href="{% url 'join_grouped_order' %}">
             Rejoindre une commande groupée
           </a>
+
+          <a class="navbar-item" href="{% url 'notice' %}">
+            Comment ça marche ?
+          </a>
         </div>
         <hr>
         <div class="navbar-item desktop-hidden">
diff --git a/la_chariotte/templates/help/notice.html b/la_chariotte/templates/help/notice.html
new file mode 100644
index 0000000..a38b3a7
--- /dev/null
+++ b/la_chariotte/templates/help/notice.html
@@ -0,0 +1,24 @@
+{% extends 'base.html' %}
+
+{% block title %}Mode d'emploi{% endblock %}
+{% block content_title %}La Chariotte - mode d'emploi{% endblock %}
+
+{% block content %}
+{% load static %}
+<div class="box">
+	<p class="title">Comment ça va marcher ?</p>
+    <p>Ci dessous un petit dessin pour vous expliquer le déroulé d'une commande groupée. Tout ne sera pas possible dès les première versions, mais on va vers là !</p>
+    <figure class="image is-16by9">
+        <img src="{% static 'img/notice_1.jpg' %}"/>
+    </figure>
+    <figure class="image is-16by9">
+        <img src="{% static 'img/notice_2.jpg' %}"/>
+    </figure>
+    <figure class="image is-16by9">
+        <img src="{% static 'img/notice_3.jpg' %}"/>
+    </figure>
+	<p><strong>Pour rejoindre une commande groupée,</strong> devez avoir reçu un lien par un organisateur ou une organisatrice de commande. 
+	Si c'est le cas, vous pouvez coller ce lien dans la barre de navigation en haut de l'écran !</p>
+    <p><strong>Pour créer une commande groupée,</strong> rendez-vous sur <a href="{% url 'order:create_grouped_order' %}">cette page !</a></p>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/la_chariotte/urls.py b/la_chariotte/urls.py
index d97c605..0aeb3c8 100644
--- a/la_chariotte/urls.py
+++ b/la_chariotte/urls.py
@@ -27,4 +27,9 @@ urlpatterns = [
         TemplateView.as_view(template_name="help/join_grouped_order.html"),
         name="join_grouped_order",
     ),
+    path(
+        "mode-d-emploi",
+        TemplateView.as_view(template_name="help/notice.html"),
+        name="notice",
+    ),
 ]