Feedback on "New Country Unlock" UI

I’m working on a remake of an old game of mine called “Nation Collectors”. The objective of the game is to collect countryballs dropped by other players. What makes this game unique is that you can only drop countryballs of the country your from. When you collect a new countryball, this screen pops up:

I personally dislike how this looks, but I don’t know why I don’t like it. Can you give me feedback on how I can make this UI look better?

I think the issue might be the harsh contrast, the white glow and the dark shadows coming from the corners clash too much, and since the effect isn’t smooth, it looks muddy as a result.
Take these GUIs for example:
image


image
They keep the background the same with no shadows (the first one has a small blur effect), and act as a small pop-up message rather than a gameplay-interrupting mechanic.
If you want to step your game up a bit, you can also add a small color glow effect like in the 1st two examples, and maybe a few sparkles too depending on the rarity of the country; if it’s a common one, no effect is fine, but if it’s a super rare one, adding those elements will definitely give a visual clue to the player that they’ve found a special one.

Thank you for your feedback, I will experiment with this tommorow and show you the results!

1 Like

This UI looks good! Although a lot of games use a similar style and even exact font, it still looks nice. Good job on it!

These are the changes I made:

I decided to remove the glow effect as I did not find a way to make it look good

I added confetti to the screen to make it less boring, however maybe I could do for example gray and white confetti on common countries and have legendary countries have all the colors.

This is what I have right now: https://gyazo.com/a40e6b4ad5451d17b00d81959e625905
Let me know if anyone has more feedback!

1 Like

Thank you. Do you suggestions for fonts that I could use instead?

The improvement looks crazy! I’m sure you can see for yourself that the GUI looks way cleaner, more vibrant, and overall better now!

I think the colors on the confetti should stay though (if they were grey and white it’d look like rocks and snow probably lol), but maybe for the common ones add a “still” confetti effect like this for example:
image
or just a small halo of confetti around the country.
Then for the rare ones, you can add animated confetti, rainbows, sparkles, glowing effects, etc.

Could you possibly send some examples? Not exactly sure what to do, UI is not my speciality.

1 Like

The animated confetti would pretty much be the one you attached in the video, then some game examples of the other effects would be:
image
image
image
image
image
(1 & 2 from The Sims 4, 3 from Twice Square, 4 from Royale High, 5 from Banana Eats)
Ofc, you can choose which effects to use on which rarities, it’s all up to your taste to mix and match!

Honestly this looks pretty good and I like the sound of the game. Just whatever you do, don’t let people pay for countries.

Although some responses here recommend confetti or other effects to make your UI more flashy, I recommend something further advanced given the game’s context.

When unlocking nations, the UI should be accompanied by images related to the nation’s culture popping from the UI or shifting in from the left/right. For example, the UI for USA could have the Statue of Liberty shifting in from bottom to top while fading in, while a bold eagle flies across the screen with the eagle sound effect (or machine guns, or ‘yee hahs’).

Idk, maybe your country flag looks more squared because is 1:1 size or Roblox adjusted it automatically to 1:1 size

But I am not really experienced with UIs but I do not think is something that hard design UIs or more Interfaces.

I can tell you about “Index” that are just layers in your UIs,

For example a frame you can orderin index like text frame and more frames stores as layers using Index value.

I recommend add 10 index spaces in each layer or the ones you think could be used to easily add more images between the main layers like

“Shop Tittle” or important stuff or virtual buttons with scripts.