Skip to content
Portal coming soon page on a laptop
Framer development with Rive animations

Portal Gaming: Coming Soon Page with Rive Animation, Framer Development

The brief

Portal Gaming

Developed a responsive landing page with 7 Rive animations, multiple triggers, and 7 breakpoints in just 4 days with seamless teamwork.

At a glance

Client
Superduper
Tools
Figma, Framer, Rive
Portal coming soon page on mobile and desktop with Rive crystal animation

01

The Project

Portal is the universal liquidity network connecting developers with users anywhere.

For this project, we developed a dynamic "Coming Soon" landing page along with an updated hero section for the homepage, both featuring engaging Rive animations. This project involved integrating over seven Rive files, each utilising multiple scroll triggers, Rive artboards, and component interactions to create a seamless and interactive experience.

To ensure maximum responsiveness, we developed the page with seven breakpoints: ultra ultra wide, ultra wide, wide, desktop, laptop big, laptop, tablet, and mobile.

Portal pages with animated stats and crystals

02

Teamwork

Despite being a last-minute project, the collaboration with the team was incredibly smooth. We successfully completed the entire project, including the design and Rive animations phase from their team, in just four days. Their attention to detail and timely provision of content made the Framer development process efficient and enjoyable. Together, we successfully delivered a polished and engaging landing page experience.

Process

How the project went.

  1. 01

    Design and Rive animations

    The design and Rive animations phase came from their team.

  2. 02

    Framer development

    Over seven Rive files integrated, each with multiple scroll triggers, Rive artboards, and component interactions.

  3. 03

    Breakpoints

    The page was developed with seven breakpoints for maximum responsiveness.

  4. 04

    Delivery

    The entire project was completed in just four days.

Tools

Named in this case study.

Tools

Tell us what you are building.

A 30-minute call. We will look at where you are, what is not working, and what we would do about it. No deck, no pitch.