SarkisB

This isn't a bunch of slides with hotspots lol

But to your point, isn't what you described most of the web?

I will personally give you a blowjob if you can do this in Flash or Powerpoint in a few hours :)

As I mentioned at the very beginning of the prototype, it was developed for educational and inspirational purposes. Nothing is being sold, many sections of the UI have been redesigned/reinterpreted to create a better experience in my subjective opinion as a product designer, and ultimately this project is a tribute to Civilization, not a ripoff.

Civilization's official twitter account congratulated me already on Twitter and I hope my work inspires more people to dive into nocode tools.

Civilization is originally a desktop-only game with a complex UI. Please feel free to clone my prototype, make it fully responsive, and attach a more appropriate joke in the 404 page :)

Cheers! :)

I developed this in two weeks during my spare time and it was a breeze. The hardest part was extracting all the assets from the game one by one manually by screenshoting, editing, and uploading.

This is the largest Webflow project ever made, it completely pushes it the edge and runs entirely on one screen. So you might notice lags depending on what machine and browser you use. This is not a typical website or a reflection of Webflow projects in general.

I'm a product designer and I love Civilization.

I made some personal additions to the prototype that I felt looked and worked better in my subjective opinion.

I integrated nearly every feature, left out some details because the project was already too heavy. But things like the leader info could be easily added.

The sliders aren't meant to work but can easily be set up with logic. I left it out to avoid confusion.

In addition to making additions to the prototype, I also discovered dozens of mistakes across the UI and fixed many of them or completely replaced them.

It's a prototype designed to push Webflow to the edge.

Everything will eventually end up in a browser :)

I nearly broke webflow itself building this. So I wouldn't be surprised if you encounter a bit of lag ;)

Thanks! That's why I built this. I hope it can inspire more people to become makers and appreciate the power of nocode tools.

I rebuilt the UI and UX, not the game itself. If I could do that, I would be working at Firaxis right now haha

See you there :)

https://www.youtube.com/watch?v=ZXAGmosa7R8

Complete UI and UX, which can be hooked up to a backend.

Hi everyone! Sarkis here, the creator of the project.

Thanks a lot for sharing it along with your kind words and constructive feedback. Happy to answer any questions you have. I'm a product designer specializing in software prototypes and MVPs. I'm on a mission to unlock and share the full potential of nocode tools.

Unfortunately, they are often viewed as primitive website builders. So I rebuilt Civilization VI's entire UI and UX to demonstrate how far you can push nocode today. This is the largest cloneable Webflow project ever released featuring 12,400 elements, 1800 styles, 1200 assets, and 400 interactions. The interface can easily be hooked up to a backend to incorporate functionality. This is not a playable game but a demonstration of how far we can push nocode. It took roughly two weeks during my spare time. ‎ This prototype is a loving tribute to Sid Meier and one of my favorite games of all time. I've integrated all 46 leaders along with their soundtracks and nearly every feature in the game. The project stands at a whooping 124GB and runs on one single screen. So yes, you may notice lags from time to time depending on what machine you're using. ‎ The next time someone tries to dismiss nocode or asks you what's possible, just ping them this link.

Civilization.webflow.io

Learn more on Webflow.com/sarkis

Follow my work on Twitter.com/sarkisbuniatyan

Watch the masterclass tomorrow on YouTube https://www.youtube.com/watch?v=ZXAGmosa7R8