Check it out ↗ https://alteragent.net/
Intro
Alter Agent, a visionary creative production studio based in Milan and Tokyo, is on a mission to transport individuals to captivating parallel dimensions. They specialize in blending emotions and experiences that bridge the gap between fiction and reality, using immersive experiences to raise awareness about critical human rights and ecological issues, thereby making a meaningful impact on a global scale.
My Role
Transforming static branding guidelines into a dynamic, experimental landing page for potential investors.
Project Task/Challenge
The challenge was to infuse dynamism and experimental aesthetics into Alter Agent's existing static branding guidelines, transforming them into an engaging landing page tailored for potential investors. The landing page needed to effectively showcase three ongoing projects in production, embodying the company's edgy and innovative spirit while serving as a captivating digital "visit card" for prospective stakeholders.
The initial static website design proposal by the brand designer
Project Solution
To tackle the challenge, I embarked on a creative journey to transform Alter Agent's static branding into a captivating and dynamic landing page. The solution involved introducing an innovative approach that would align with Alter Agent's edgy spirit. Key elements of the solution included:
1. Dynamic Background
I implemented a dynamic background featuring Alter Agent characters that stretched and moved in response to mouse interactions. This dynamic backdrop added an interactive and immersive element to the landing page, instantly grabbing the attention of visitors.
The inspiration comes from the tutorial on Superhi.com:
https://library.superhi.com/posts/barron-webster
The dynamic backdrop added an interactive and immersive element to the landing page
2. Subtle Animations
To enhance the user experience and reinforce Alter Agent's experimental nature, I incorporated subtle animations throughout the landing page. These animations not only showcased the ongoing projects but also provided a sense of movement and energy, keeping visitors engaged.
Menu hover effect
When you hover over the menu, a square will elegantly appear, adding an engaging visual element to the user experience.
Menu hover effect
Infinite Marquee
As you scroll down the page, you'll be greeted by two lines of text engaged in an infinite marquee animation, gracefully gliding in opposite directions, adding a dynamic and eye-catching touch to the page.
Infinite marquee text animation
3. Interactive Video Showcase
As you glide your cursor over the featured project cover, a subtle enchantment unfolds, summoning the play button to come to life, inviting you to watch the video.
Clicking on the play button activates an embedded video player, unveiling a captivating showcase of the featured ongoing project currently in production.
Summary
In collaboration with Alter Agent, a visionary creative production studio, I transformed their static branding into a dynamic, experimental landing page tailored for potential investors. Our creative journey led to a captivating digital experience, featuring interactive backgrounds, subtle animations, and engaging elements that reflect Alter Agent's edgy spirit.
✦✦✦
I highly recommend Kai-Ting Lin for her exceptional work as UX Designer and Web Designer. She played a pivotal role in developing our studio’s website, demonstrating precision, creative problem solving, openness, and a keen ability to listen and understand our unique needs. Kai-Ting's expertise and dedication resulted in a stunning and user-friendly website that has greatly enhanced our online presence. Her professionalism and collaborative spirit make her an invaluable asset to any project.
Mariano Leotta
Creative Director & Show Designer
2023
