The Great Agency
Remake agency website
![The Great Agency](https://images.prismic.io/reksa/8b45d15b-e7ac-4330-9352-81abea4af61b_marek-piwnicki-NHUni99NTYc-unsplash.jpg?auto=compress,format&rect=0,571,3375,3375&w=1000&h=1000)
Type
/ Feb 2021
Website Development (Remake)
Role
Tech
Front-End
GSAP, Barba.js
This project has been authorized by thegreatagency.
I found thegreat.agency website in Awwwards (they win Site of The Day), and I was like 😲 I'm impressed, so staring at the web for a long time, exploring every page. After that, I have thought, I think this website is kinda complex especially on animation. Why complex? Because they have pretty unique smooth animation, seamless page transitions, and have a neat layout, they also care about the mobile screen.
I decide to remake their website for learning purposes, so I know how the struggle I will receive to making the web looks like this. Because I'm more prefer to learn for making actual project, also I don't want to spend much time on design, content, I want to focus on code that's why I'm choosing this way. 2 weeks, finally I finish the project, with the closest result I can get. Content, layout, pages, animation, transitions, even small detail like hover effects and I make it without any compromise.
One day I open this project and I thought it was thegreat.agency (original website) before looking at URL, but it's actually my project lol 😂 so I take it as a successful exercise project when my eyes even fooled. But still they website far better than my version (of course obviously), they have richer animation, good optimization, neater layout, proper production-ready. Besides that, I think this is the proudest remaking web I did.
Credit to thegreat.agency team, from me big fan of your website 👏
![The Great Agency Website](https://images.prismic.io/reksa/1542b850-9c8a-4949-8013-67c6a7e4e9b8_thegreatagency.jpg?auto=compress,format)
![The Great Agency section](https://images.prismic.io/reksa/1bd7bbb2-1c1e-413d-8382-5f8f49158952_thegreatagency-page-1.jpg?auto=compress,format)
![The Great Agency section](https://images.prismic.io/reksa/2521088d-6ece-49b0-ac5a-1d17ea9aa5d4_thegreatagency-page-2.jpg?auto=compress,format)
![The Great Agency section](https://images.prismic.io/reksa/13cd39e6-2e1b-4827-8918-63bd5eff9d59_thegreatagency-page-3.jpg?auto=compress,format)
![The Great Agency section](https://images.prismic.io/reksa/e85b0cb6-e9d0-4aef-a89a-b6f29e71614c_thegreatagency-page-4.jpg?auto=compress,format)