In-game Profile UI

This is the first Roblox UI that I’ve made outside of Studio. (In Photopea)

I am very proud of it, and I would like your thoughts on it :slight_smile:

(the white background is there to make the shadows easier to see)


Edit: I have taken @LIVONO5KAHN feedback and modified the UI:

Feedback:

Improved UI:

17 Likes

Looks quite well done and professional, well done my friend!

5 Likes

I like the UI, but there is so much text below the profile picture, I suggest not adding too much text there. And I also suggest making the name a little bit (only a little bit) smaller so that it gets some space to breathe. And try aligning the content equally:

Screenshot 2023-03-09 020158

And overall, I really like the UI!

5 Likes

Alright. It was meant to be a placeholder for a custom status. I’ll make sure to remove some text.

:+1:

Will do. Thanks!

3 Likes

Is this better?

4 Likes

It looks much better now! Not gonna lie this is a really good UI for a first UI.

3 Likes

Thanks!

I believe the issue is that I kept telling myself for the past 2 years that I’m bad at UI making, but I rarely tried it lol. So when I actually put effort into it, it turned out well.

4 Likes

Why don’t you make the join date the date. For example November, 16 2016

1 Like

I didn’t want it to exceed more than one line, and i also wanted to keep all the font sizes consistent so I decided to exclude the day.

3 Likes

I liked the interface and how it shows the resources linked to your Roblox account such as the Premium subscription! Although, I believe it may be better if replace the level-up system with a short description about the user + If possible, provide the amount of Robux you have.

1 Like

As said in the title, I intended this UI to be in-game. And its not possible to get someone’s robux count without their cookie.

4 Likes

This looks sleek! Good job, especially for a first! It might be worth taking a look at something like Material Design 3 to help provide a really nice UX.

If you do take a look at the Material Design website, you’ll see a section on elevation. Which, speaking of, I personally think the dropshadow from the buttons on the right are a bit too far.

Nonetheless, I really like what you’ve done. Keep it up! :wink:

3 Likes

You’re right! I’ve taken a look at the website and it gives good advice.

I’ve implemented your suggestion. Thanks for mentioning it :slight_smile:

1 Like

Really nice & clean design! Well done!!

1 Like

Why does it have the Verified Badge next to the premium subscription?

Thank you :slight_smile:

That row is intended to show all the badges you have. There are 4 in total that I figured could go with it:

Premium Badge, Verified Badge, Roblox Admin Badge, Star Creator Badge, Developer Badge

1 Like

It looks really nice and modern! Few things:

I think the dropshadow is just a tad too much. The buttons on the side could have smaller logos so they’re not bound to the sides of the button, and they could also be maybe not black but more of a darker gray (not bad, just what I think would look better) The font is well chosen, and a great layout for a profile UI.

Great work!

2 Likes