The M4J Media website is the final project I created at university and the first project for my business, M4J Media. The website combines all of my social media, together with my YouTube and Twitch channels, into an all-in-one hub.
The original concept for the website was to use parallax scrolling combined with animations to create a truly unique web experience. Sadly due to time constraints this was not possible so an alternative concept was created.
The final version of the website contained animations related to each video genre to navigate users to the relevant YouTube playlists. All M4J related social media was combined on the home page into an easy-to-navigate section, whilst the rest of the website was clearly accessible from the navigation bar.
This version of the M4J_Media website has since been superseded by an updated version. This decision was made to make the website easier to maintain and update.
![](https://cdn.myportfolio.com/2333b0ce0637f4f65ab740d17864e191/f3a627b5-f772-4795-aad8-6e5404a1d83d_rw_1920.jpg?h=6e082ede0fefcd68f5805baa7a914111)
![](https://cdn.myportfolio.com/2333b0ce0637f4f65ab740d17864e191/004a19bb-ac8a-41e1-ab52-382f7de4d249_rw_1920.jpg?h=11e33388b2c159621ee7f9a9898311d8)
![](https://cdn.myportfolio.com/2333b0ce0637f4f65ab740d17864e191/ec301abb-0785-4d90-bdeb-5c7309025ed8_rw_1920.jpg?h=91b4e4503c5de73e605c4a44b4f7f701)
![](https://cdn.myportfolio.com/2333b0ce0637f4f65ab740d17864e191/d9cc73bf-afa5-43cd-a80e-09aff5940062_rw_1920.jpg?h=b81d307a9ac3ac7fb49766ef0feaf950)
![](https://cdn.myportfolio.com/2333b0ce0637f4f65ab740d17864e191/6f76c6fb-6cca-424d-84aa-b27e32da29f3_rw_1920.jpg?h=7e300dc09798f24139ae6ad9679682ee)
![](https://cdn.myportfolio.com/2333b0ce0637f4f65ab740d17864e191/1537e19d-da8e-4a42-861a-c957877a4b7b_rw_1920.jpg?h=d4b01c2ea5debd6203e66237bdacf434)