diff --git a/client/src/components/List-overview.vue b/client/src/components/List-overview.vue
new file mode 100644
index 0000000..716e9f4
--- /dev/null
+++ b/client/src/components/List-overview.vue
@@ -0,0 +1,43 @@
+<template>
+	<q-layout>
+
+		<!-- Toolbar -->
+		<div slot="header" class="toolbar">
+
+			<button class="hide-on-drawer-visible" @click="$refs.leftDrawer.open()">
+				<i>menu</i>
+			</button>
+
+			<q-toolbar-title :padding="0">
+				Vee-Shopping — your lists
+			</q-toolbar-title>
+		</div>
+
+
+		<!-- Left-side Drawer -->
+		<q-drawer ref="leftDrawer">
+			<div class="toolbar">
+				<q-toolbar-title>
+					Menu
+				</q-toolbar-title>
+			</div>
+
+			<div class="list no-border platform-delimiter">
+				<q-drawer-link to="/login">
+					Logout
+				</q-drawer-link>
+			</div>
+
+		</q-drawer>
+
+		<!-- Main View inside -->
+		<router-view class="layout-view"></router-view>
+
+	</q-layout>
+</template>
+
+<script>
+</script>
+
+<style lang="stylus">
+</style>
diff --git a/client/src/components/list-overview/main.vue b/client/src/components/list-overview/main.vue
new file mode 100644
index 0000000..d94d392
--- /dev/null
+++ b/client/src/components/list-overview/main.vue
@@ -0,0 +1,16 @@
+<template>
+	<div>
+		<div class="layout-padding full-width">
+
+			<p class="full-width">
+				Wubwub Moar Explanation
+			</p>
+		</div>
+	</div>
+</template>
+
+<script>
+</script>
+
+<style lang="stylus">
+</style>
diff --git a/client/src/router.js b/client/src/router.js
index bc407e3..d9a2fd2 100644
--- a/client/src/router.js
+++ b/client/src/router.js
@@ -17,6 +17,13 @@ export default new VueRouter({
 				{ path: 'login', component: load('index/login') },
 				{ path: 'register', component: load('index/register') }
 			]
+		},
+		{
+			path: '/lists',
+			component: load('Lists-overview'),
+			children: [
+				{ path: '', component: load('list-overview/main') }
+			]
 		}
 ]
 })