diff --git a/src/ifcbimtester/webapp/images/archicad.png b/src/ifcbimtester/webapp/images/archicad.png
new file mode 100644
index 0000000000..b44a3adc00
Binary files /dev/null and b/src/ifcbimtester/webapp/images/archicad.png differ
diff --git a/src/ifcbimtester/webapp/images/blenderbim.png b/src/ifcbimtester/webapp/images/blenderbim.png
new file mode 100644
index 0000000000..5ec968e040
Binary files /dev/null and b/src/ifcbimtester/webapp/images/blenderbim.png differ
diff --git a/src/ifcbimtester/webapp/images/freecad.png b/src/ifcbimtester/webapp/images/freecad.png
new file mode 100644
index 0000000000..9c997b0614
Binary files /dev/null and b/src/ifcbimtester/webapp/images/freecad.png differ
diff --git a/src/ifcbimtester/webapp/images/revit.png b/src/ifcbimtester/webapp/images/revit.png
new file mode 100644
index 0000000000..09522ccf18
Binary files /dev/null and b/src/ifcbimtester/webapp/images/revit.png differ
diff --git a/src/ifcbimtester/webapp/images/tekla.png b/src/ifcbimtester/webapp/images/tekla.png
new file mode 100644
index 0000000000..66bd5ad320
Binary files /dev/null and b/src/ifcbimtester/webapp/images/tekla.png differ
diff --git a/src/ifcbimtester/webapp/index.html b/src/ifcbimtester/webapp/index.html
index f18702b698..b5de3f9343 100644
--- a/src/ifcbimtester/webapp/index.html
+++ b/src/ifcbimtester/webapp/index.html
@@ -48,6 +48,27 @@
                 As a responsible digital citizen<br />
                 We expect compliant OpenBIM deliverables<br />
             </p>
+            <div class="tcenter" style="margin-bottom: 20px;">
+                <h2 style="border-bottom: 0px; display: inline; padding-right: 20px;">
+                    Import
+                </h2>
+                <img class="vendor-icon vendor-full" src="images/archicad.png" width="24px">
+                <img class="vendor-icon vendor-full" src="images/blenderbim.png" width="24px">
+                <img class="vendor-icon vendor-partial" src="images/freecad.png" width="24px">
+                <img class="vendor-icon vendor-bad" src="images/revit.png" width="24px">
+                <img class="vendor-icon vendor-unknown" src="images/tekla.png" width="24px">
+
+                <h2 style="border-bottom: 0px; display: inline; padding-right: 20px; padding-left: 20px;">
+                    Export
+                </h2>
+                <img class="vendor-icon vendor-partial" src="images/archicad.png" width="24px">
+                <img class="vendor-icon vendor-full" src="images/blenderbim.png" width="24px">
+                <img class="vendor-icon vendor-partial" src="images/freecad.png" width="24px">
+                <img class="vendor-icon vendor-full" src="images/revit.png" width="24px">
+                <img class="vendor-icon vendor-unknown" src="images/tekla.png" width="24px">
+
+                <span style="color: #999; display: block;">Need help meeting these requirements with a vendor? <a href="#">Read more</a></span>
+            </div>
             <h2>
                 Scenario: Receiving a file
             </h2>
diff --git a/src/ifcbimtester/webapp/main.css b/src/ifcbimtester/webapp/main.css
index 5d448db792..6413f8b898 100644
--- a/src/ifcbimtester/webapp/main.css
+++ b/src/ifcbimtester/webapp/main.css
@@ -177,7 +177,7 @@ input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focu
 }
 
 img.flag {
-    width: 30px;
+    width: 24px;
     padding: 2px;
     margin-right: 10px;
     margin-bottom: 20px;
@@ -247,3 +247,25 @@ img.active-flag {
     background-color: #e18a42 !important;
 }
 
+.vendor-icon {
+    vertical-align: middle;
+    margin-right: 10px;
+    margin-top: -1px;
+    padding-bottom: 5px;
+}
+
+.vendor-full {
+    border-bottom: 5px solid #b6cca1;
+}
+
+.vendor-unknown {
+    border-bottom: 5px solid #555;
+}
+
+.vendor-partial {
+    border-bottom: 5px solid #ffd37f;
+}
+
+.vendor-bad {
+    border-bottom: 5px solid #fbb4a8;
+}