“Please call me champion” is a freelancer who made the IP with the same name under the identity of a studio. Champ Panupong Techawongthawon, simply known as champion, is a Motion designer from Thailand who is currently located in Los Angeles.
When we started investigating the previous website of Champ, we noticed that it had many colors and elements. During our first discussions with Champ, he said he wanted a slender, modern style – but for the most part he left everything to us to offer him options.
“Driven by a passion for abstract art and striking visuals, every piece is not only animation, it is art in motion.”
The creative process
From the very beginning it was clear that a static, raster-based layout would not do justice to the creative world of Champ. His work thrives in motion. Every piece is fat, dynamic and full of personality. The challenge was not about creating a portfolio that looks good – it was about building an experience that moves such as Champ’s work.
When we took over the redesign of the Champ website, we approached it less as a typical website project and more as a motion storytelling platform. Every detail from typography to interactive layering is designed to reflect its playful but precise style. We wanted visitors to feel that they entered his universe, where design lives in motion and speaks type with his own voice.
He needed a little more than a gallery with stills or case studies. He needed a platform that captured the spirit of his process, a site that felt just as alive and responsive as the animations themselves. Our goal with the redesign of the Champ website was to translate that energy into a digital experience.
Creating movement, not just setup
There is something strange calm about looking at a schedule coming to life – such as witnessing order, breathe a breath. What starts when a system of lines and logic starts to move slowly, respond, evolve. We have spent countless hours adjusting relaxation, timing and observing how the smallest changes throughout the structure. It is technical work, but it is also deep meditative.
And along the way it was no longer about what it looked like. It became about how they felt. The focus shifted from lay -out to rhythm, from visuals to experience, that is when we realized, we do not design alone. We were put together, we formed a rhythm.
More than a website, it is a manufactured experience.
This is not just a portfolio, it is a living expression of Champ’s creative journey, told by the language of movement and design. Every corner of the site is carefully considered, not only as a showcase, but as a completely compelling experience. From the moment you land on the page, you will be invited to a world formed by rhythm, daring structure and kinetic stories.
The design does not depend on static gratings or traditional layouts. It moves, responds, breathes with intention. Each element has a goal that you lead through a seamless story that records both the energy of his personal experiments and the Polish of his commercial campaigns. Whether you dive into a cooperation animation for a worldwide brand or explore a motion, the site does not only present the work. The frame it in a way that reflects who is champion is a designer, a thinker and a storyteller.
In this way the site becomes more than a digital portfolio. It is a manifesto moving; A composite, dynamic space where identity, experiments and creative control come together. Every transition, interaction and visual reflects its perspective: bold, deliberately and constantly moving.
Technologies and development
The development was built using JavaScript, WebGL and CSS for the front. We used Prismicic Like our go-to CMS, connected via Bun JavaScript. We use an empty drop of contabo for the implementation.
Credits
Motion Designer: Champ Panupong Techawongthawon (@pleasecallmechamp)
Web & interactive designer: Brian Stefans (@brianstefans)
Web developer: Surya Aditya (@SryAditya_)
#Case #Study #call #Champ #Studio