diff --git a/webapp/src/pages/Home.js b/webapp/src/pages/Home.js
index fcfa9336..9185ff76 100644
--- a/webapp/src/pages/Home.js
+++ b/webapp/src/pages/Home.js
@@ -2,10 +2,15 @@ import * as React from "react";
 import {Box, Button} from "@mui/material";
 import useMediaQuery from '@mui/material/useMediaQuery';
 import { useTranslation } from 'react-i18next';
+import { SessionContext } from '../SessionContext';
+import { useContext } from 'react';
 
 const Home = () => {
     const xxl = useMediaQuery('(min-width:1920px)');
     const { t } = useTranslation();
+    const {username} = useContext(SessionContext);
+
+    const redirectPath = username ? "/login" : "/homepage";
 
     const styles = {
         logo:{
@@ -97,7 +102,7 @@ const Home = () => {
                 <img src="./home/HomeLogo.png" alt="Logo" style={{ width: '100%' }} />
             </Box>
 
-            <Button variant='contained' href={"/login"} sx={styles.playButton}> {t("Home")} </Button>
+            <Button variant='contained' href={redirectPath} sx={styles.playButton}> {t("Home")} </Button>
 
             <video data-testid="video" ref={videoRef} autoPlay muted loop style={{ ...styles.video}}>
                 <source src="./home/Background-White.webm" type="video/mp4" />