![Hero section of a website done for company Media 360](https://assets-global.website-files.com/61ec22ed98776469503078a2/628ce8616a558194603273a1_hero_media_360.jpg)
How to quickly and accurately describe their services, experience and opportunity to contact the company right from the get go!
It’s all in the spinning cogs!
![Image taken from a website project done by Online Presence for company Media 360](https://assets-global.website-files.com/61ec22ed98776469503078a2/628cecf3cb5b54bf11774cec_media_hero_3of4%20(1).jpg)
![Image taken from a website project done by Online Presence for company Media 360](https://assets-global.website-files.com/61ec22ed98776469503078a2/628cecf2a86070359e119c1e_media_hero_4of4%20(1).jpg)
![Image taken from a website project done by Online Presence for company Media 360](https://assets-global.website-files.com/61ec22ed98776469503078a2/628cecf29364ea2c9a1e90ed_media_hero-2of4%20(1).jpg)
![Image taken from a website project done by Online Presence for company Media 360](https://assets-global.website-files.com/61ec22ed98776469503078a2/628cecf2a2de32811726ce8f_media_hero_1of4%20(1).jpg)
We wanted to instantly and clearly define the services they offered before the user even scrolled. A super cool and unique way to do this we thought, a typewriter sequence to match the media theme of the site.
![Desktop screen showing the display of a website done by Online Presence for company Media 360.](https://assets-global.website-files.com/61ec22ed98776469503078a2/628cefedaad83630516e2d85_desktop_M3%20(1).png)
![Desktop screen showing the display of a website done by Online Presence for company Media 360.](https://assets-global.website-files.com/61ec22ed98776469503078a2/6293c220394a4caec0536700_Media%20-%20Desktop%20-%20Contact%20(1).png)
We wanted a fun a simple way to encourage users to get in touch without even leaving the page. It had to be a little different and in line with the sites theme, and of course, fun!
![Laptop illustrating a screenshot taken from a website done by Online Presence for company Media 360.](https://assets-global.website-files.com/61ec22ed98776469503078a2/6293c2a27e3c95ee2cbd69e7_Laptop%20-%20contact%20-%20media%20(1).png)
![2 mobile phones with displays from a website done by Online Presence for Media 360.](https://assets-global.website-files.com/61ec22ed98776469503078a2/628d0369099dc56001d46609_complete_2_mobiles%20(1).png)
![Beautiful screen shot taken from a website project done by Online Presence for Media 360.](https://assets-global.website-files.com/61ec22ed98776469503078a2/628d047987fcc89919e30a1e_best_shot_media%20(1).jpg)
![](https://assets-global.website-files.com/61ec22ed98776469503078a2/628d05606e76bcd6d2ee1e23_x2_laptop_slant%20(1).png)
![Tablet image displaying screenshot taken from a project done by Online Presence for company Media 360.](https://assets-global.website-files.com/61ec22ed98776469503078a2/628d0963dcade606924df471_Tablet_black%20(1).png)
Our client wanted something they could quickly demonstrate their previous work, as well as easily add projects at a later date.
We came up with the idea of a unique 3D effect slideshow. By simply dragging the page the user could gain a glimpse into each project.
![Footer section being displayed for a website done by Online Presence for company Media 360.](https://assets-global.website-files.com/61ec22ed98776469503078a2/628d06e187fcc81987e31c26_Screenshot%202022-05-23%20at%2021.00.27.png)
We knew the theme and basis of the project, we also knew the footer should be no different!
Fun, quirky and out of the box! :)
![](https://assets-global.website-files.com/61ec22ed98776469503078a2/628a9bf5b4f98d465cb3cbfe_Mobile%20Phone%20Black.D03%201%20(1).png)