Close
Heroncode
Leave Extinction to the Dinosaurs

Heroncode

This website, one of the most outstanding in our portfolio, features an animated scrolling story to effectively convey a simple yet pivotal message of the consultancy: companies that don’t embrace industrial revolutions inevitably become extinct.

There’s a good reason why everyone’s glued to their screen every time Apple holds a keynote – innovation. Whether you’re planning on buying the next iPhone or not, you’re following because cutting edge today becomes commonplace tomorrow.

HeronCode is a firm believer in innovation. In fact, so strong that it’s either that or elimination. We agree.

“Do or Die” is HeronCode’s way of life, and we made sure that the website reflects that. Applying some unusual approaches and a ‘storytelling’ narrative, we’ve emphasized the urgency and importance of staying ahead of the competition because 2nd place isn’t good enough.

Project type
Branding Website
Services
Brand Guidelines Brand identity Code-based Art Interaction Design Key Visuals Web Design Web Development
Technologies
GSAP WordPress
Recognition
Awwwards Honorable Mention CSS Design Awards Special Kudos W3 Awards Best in Show

The Task

HeronCode’s eccentric thinking and propensity for unconventional approaches got our creative juices flowing like no other. We collectively concluded that we’ll bury ‘conventional’ and tell a story instead.

Talking about “innovation” while moving through the motions would have missed the mark; that’s why we took you back to history class instead. We’ll show you the development of industrialism over the years and how rapidly technology and automation evolved.

Surprised that we’d be so bold and assume that you need a refresher course on industrialism? Good, remember that feeling next time you’re visiting a mundane landing page; you might miss it.

PNG to WEBP Converter (1)

The Challenge

We all have a different definition of disruptive. Walking the fine line between innovative and outlandish was a delicate process that required familiarity with the field at hand and its target audience. Once that was solved, we applied HeronCode’s motto, “Innovate or Obsolete,” to our design and copywriting.

Considering that the website is usually not the first point of contact with the brand, we went all in. Backed by chants of “MORE!” from the client, we used the fine line as a jump rope and made daring statements, only stopping when taking another step meant falling off a cliff.

The Concept

To make the punchline meaningful, we had to provide a little backstory. Forcing you to sit through an essay on industrialism is harsh even by our standards, so we kept the text to a minimum. You get to watch industries flourish and die within less than 60 seconds, emphasizing how easy snoozing can render you obsolete. Ask Nokia.

Image-2.1.jpg
Image-2.2.jpg
Image-2.4.jpg
Image-2.3.jpg

The Twist

It’s your turn to get involved. Early on, it was decided that we must employ AI to reflect the state of the industry today. Showcasing the power of artificial intelligence was actually very easy, all things considered – it required very little manual work. Take a mental note; this is important 😉

We’ve found an online service (artbreeder.com) that employs AI to generate beautiful dreamscape videos from only a few manually selected images. This is where you come in and are asked to create a video yourself. Just don’t get addicted.

The Process

To present information clearly, we believe you first have to understand it well yourself. With some help from the client, we’ve managed to pass our grade school history exams and make a collage that encapsulates industrial history well, minus the fat.

The challenge was to keep it minimal, but not so minimal that you’re left scratching your head before heading off to Wikipedia.

12
PNG to WEBP Converter (2)
Image-5.1.jpg
Image-5.2.jpg

More Projects

Please fill out
the form below.

The sooner you start, the sooner you’ll have it ready.

Introduce yourself.
Share your name and contact details so we can stay in touch.
/
Please enter your name
Please enter your email
Please fill in your company name
Project rundown.
Spill the beans! Tell us about your project vision, desired outcomes, and goals you're striving for.
/
Thank you.
We won't wait for three days to reply, you got us at "hello"!
Portfolio

We use cookies to improve our site and your shopping experience by delivering you engaging, personalised content and advertising. You can manage cookies via your browser setting at any time, or click Accept to agree to our Cookies Policy.