.png)
I decided that to start off the most important thing is the UI, I plan to actually make the product and prototype it in a real setting, But the I need a interface as the foundation, So I will share my progress in this page
I was inspired by that of the PS4 loading screen, But I don’t know how to do that on Figma or any software, so I did some research and found this video:
https://www.youtube.com/watch?v=hpyeeyXX790
It’s a video on after effects showing to make a wave animation, So I took what I needed to know and Created it here:
This is what I had come up with after a while of figuring things out, So we’re now on the right track of the idea, now to include more lines and slow the thing down.
Here’s the render, I think it is cool, but needs some touches to it, The black background is temporary of course. I messed around more with the blur, slowed it down and edited the colour a little and this is what was produced
I think it is neat and it was what I was going for as an idle/loading screen. Here is what it looks like on Figma
I think it is a solid start, It’ll look a bit weird when prototyped, due to it not actually being projected but I like it, It feels futuristic. But of course, there needs to be a way to move on, so I added an symbol and text to show what to do now
I also decided to use Motiva Sans as it is a beautiful user friendly type face, I also wanted the white background to be a bit bluer. I created a custom X button, I used inter and then enlarged the X edges and then rounded the corners a bit, I think it looks nice.
I then moved on to enhance the sign-in screen, I created a component of pressing x and picking an account, just so it stays in the one screen whilst the animation can keep going and flow well
Here it is, I think with the components and smart animate, I think the welcome back to section could be improved