Built with Spline

Rippit.io Branding, Design & Animation

Susanna Nevalainen

Rippit.io Brand Design
Being Pokémon fans since kids, the Rippit team has found excitement and enjoyment on opening Booster Packs & collecting Pokémon cards to complete their collections. However, the old way going to the store is not efficient and it’s time-consuming to find the missing cards and store them safely making the collecting an daunting experience. With the innovative web3 technology of Rippit, it’s now possible to own tokenized versions of physical Booster Packs & cards in secure digital collections online. This creates a more enjoyable experience for the collectors & enthusiasts to safely buy, sell & trade the cards and packs making them more accessible for all Pokémon fans around the world. The project included UI/UX Design, Brand Design, and 3D animations created for an innovative blockhain based tech startup Rippit.io. Engaging 3D Animation was created to open booster packs and reveal their content making it an experience itself. At the end scene user can see summary of all cards that were revealed. Animation included several interactions such as follow mouse and click events. Additionally, extra magic was added to the cursor by creating a particle effect. The animation also includes sound effects and background music to create even more immersive experience for the booster pack openers.
Booster Pack Opening Animation
The brand design included logo design and full style with colors, typography and several examples to showcase the brand in action. Ready social media templates for X (Twitter) and reels were also added to build consisted branding across the platforms.
Rippit.io Style Guide
Rippit.io Style Guide
UI/UX Design for the Shop
UI/UX Design for the Shop
Join the waitlist at https://www.rippit.io/.
Like this project

Posted Nov 16, 2024

Design for Rippit.io that provides innovative web3 technology to own tokenized versions of physical booster packs & cards in secure digital collections online.

Reality Cloud Studio - Industrial Metaverse for Reality Capture
Reality Cloud Studio - Industrial Metaverse for Reality Capture
HxDR Design System
HxDR Design System
Business Intelligence SaaS Web App Design for iGaming Affiliates
Business Intelligence SaaS Web App Design for iGaming Affiliates
Nomad Health - InsurTech SaaS (Y-Combinator 2018)
Nomad Health - InsurTech SaaS (Y-Combinator 2018)

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc