top of page
CASE STUDY
Personal Rebrand with Rive Interactivity
BRIEF:
Bring excitement, personality, and a fresh new energy to my portfolio website by using RIVE to create animations and interactive elements.
DIRECTION:
I decided to take this opportunity to animate and add interactivity to the main logo featured in my website’s header, creating a cool element that plays as soon as visitors enter the site. Additionally, I saw this as a great chance to rebrand myself and design an improved logo.
ANIMATION
Above are the first, second, and third animation passes, where I explored variations in timing, faux 3D effects (to add dimension representing my passion for 3D work), and glow using white strokes and feathering, along with alternate movements of the text and graphic elements.
Also included is my initial mockup test implemented on the website.
INTERACTIVITY
Below is the final interactive animation I created in RIVE, which responds to mouse movements and clicks.
When you hover your mouse over the animation, the first part of the interaction is triggered and begins. Once you move the mouse away, the second part of the interaction initiates. Finally, clicking the animation sets off the last interaction, revealing the final animation that then becomes the logo lockup.
Unfortunately, the glow effect I created using white strokes and feathering is the only part of the animation that isn’t currently supported by Wix. As a result, the glow doesn’t appear in the interactive version as of now.
Hopefully, this feature will be supported in the near future so I can include it in the final animation—since I felt it added a really successful and unique touch that enhanced the overall look and feel.
BEHIND THE DESIGN
OLD Design
NEW Design
My design process for this rebrand focused on creating a logo that is more readable, modern, minimalistic, and memorable.
I also wanted to create a design that would look great in 3D space, as 3D is my favorite medium and the art form I’m most passionate about.
For the color, I chose orange because it has always been my favorite. It’s often associated with enthusiasm, energy, and creativity—qualities I feel represent me perfectly :D
ITERATIONS
Above are alternate iterations I explored before settling on my final design.
FINAL LOGO & COLORWAYS
bottom of page