RIOT, Branding Agency

Designed by RIOT and developed by Web-Thread, this project vibrantly showcases the RIOT brand across the entire site. The build presented two specific technical challenges.

For the first challenge 'O effect', I iterated through various approaches to accomplish it. This process reinforced a key lesson: while a goal can be achieved in many ways, the "magic"—the simplest, cleverest solution—appears only when you clearly understand the objective and maintain flexible thinking to avoid getting stuck in inefficient paths.

For the second challenge 'Snapscroll effect', I searched for third-party libraries to do the job, but none worked exactly as intended. So, with the help of Gemini AI, I develop a custom lightweight solution. The result was so interesting that I create a separate page specifically to showcase and share this mechanism, calling it the "Web-Thread Snapscroll."

Riot website showcase mockup at pc, tablet, smartphone screen

View also

SOPH group, logo

SOPH GROUP

A high-performance, custom website for SOPH Group. Empowering the next generation through pixel-perfect web development.

ΟιδαΝικώ ON λογότυπο

OidaNiko

Designed by the creative team at RIOT and developed by Web-Thread, the new website for "OidaNiko Tutoring Center" replaced their old site, serving as the digital core for the educational center's radical rebranding.

Olea Catamaran logo

Olea Catamarans

The Ionian Sea is breathtaking, especially when exploring it with Olea Catamarans. The web design for this project features a rich variety of content types and diverse layouts.

Pilios Marine, logo

Pilios Marine

This modern, premium website, developed by Web-Thread, vibrantly showcases the Pilios Marine brand. To seamlessly integrate the custom brand design elements into the website, we utilized advanced CSS techniques.