diff --git a/layouts/default.vue b/layouts/default.vue
index db092db..d72ab30 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -9,7 +9,9 @@
 </template>
 
 <script>
-export default {};
+export default {
+  middleware: ["redirect"]
+};
 </script>
 
 <style>
diff --git a/middleware/redirect.js b/middleware/redirect.js
new file mode 100644
index 0000000..15fca05
--- /dev/null
+++ b/middleware/redirect.js
@@ -0,0 +1,3 @@
+export default function({ redirect, route }) {
+  if (route.path === "/") redirect("/films");
+}
diff --git a/pages/index.vue b/pages/films/index.vue
similarity index 100%
rename from pages/index.vue
rename to pages/films/index.vue
diff --git a/test/index.spec.js b/test/index.spec.js
index 87f5ec1..3158fc5 100644
--- a/test/index.spec.js
+++ b/test/index.spec.js
@@ -1,6 +1,6 @@
 import { mount } from "@vue/test-utils";
 import axios from "axios";
-import FilmsView from "@/pages";
+import FilmsView from "@/pages/films";
 import mockFilms from "./fake-films.json";
 
 jest.mock("axios", () => ({
@@ -10,7 +10,7 @@ jest.mock("axios", () => ({
 describe("Films page", () => {
   it("should render Films page instance", () => {
     const wrapper = mount(FilmsView);
-    expect(wrapper.find("h1").text()).toBe("Ghibli films");
+    expect(wrapper.find("h2").text()).toBe("Ghibli films");
   });
 
   it("should get films from Ghibli API", async () => {