diff --git a/web/src/components/UserPart/UserPart.js b/web/src/components/UserPart/UserPart.js
new file mode 100644
index 0000000..5596649
--- /dev/null
+++ b/web/src/components/UserPart/UserPart.js
@@ -0,0 +1,17 @@
+function UserPart({ userName, partName }) {
+  return (
+    <h3 className="text-xl font-roboto">
+    <span className="border-2 border-indigo-800 mr-1"></span>
+      <span className="text-gray-500">
+        {userName}
+      </span>
+      <span className="border-2 border-gray-400 mx-1 transform -skew-x-12">
+      </span>
+      <span className="text-indigo-800">
+        {partName}
+      </span>
+    </h3>
+  )
+}
+
+export default UserPart