RLTY are Metaverse early adopters

This was another tool RLTY was working on and they got in touch about creating a responsive landing page design + a couple of other screens to cover the flow for whitelisting.

Landing page design

I did have a wireframe supplied when I started on this to get an idea of what was needed but a lot of the content was re-thought/re-structured to make it more understandable within the page.

1

How it works carousel

The animation for this was done completely in figma so the idea was to create the animations and screen-record them in figma’s prototype view to then be passed over to a developer and built into a live carousel. I found a lot of weaknesses to doing this for animations as there was always a delay after each animation runs so it seemed slower/more rigid compared to what I wanted but then again it’s not made for animating.

2

Whitelisting flow

This was the custom flow that comes after entering your wallet address in the first step. Looking back, I would really go more subtle with the shapes as they are a bit everywhere in these screens and can be a bit distracting.

3