Recently found myself interested in getting more into UI Designing and have been exploring different software and platforms. I used Figma to create a Concept Homepage Redesign.
I aimed to blend my personal style with the Roblox aesthetic. Any feedback you have would be greatly appreciated!
i literally love this. the only changes i’d make would be;
bold the tabs at the top (roblox, discover, marketplace, create)
update the settings icon
as far as positive feedback goes;
i like having recently played without having to scroll at all. easily one of my favorite things about this. on top of this, the ability to see display names & usernames is amazing. 10/10 would recommend
Just thought I’d point out how you accented the Robux icon in comparison to the settings icon cog thing and the profile it feels like a very corporate/roblox/business thing to do and to me fits roblox pretty well (I also love the simplicity of the UI even though it still communicates the important information like the current homepage yet still looks better and more modern!)
I really like the overall layout, but the size of the username, category, and age-rating text is way too small.
I’m also curious about why you included the words “Quick Play” for the play button. I don’t see that as very good UX, as it may confuse users. It had me questioning what the difference between “Play” and “Quick Play” was. If it’s to market Roblox’s simple join process, I suppose that could be understandable.
When hovering over the game, I think it’s important to tell users how many players are playing, the favorite count, and the like/dislike ratio. This is a major issue the current Roblox website needs to resolve.
Another UX issue I noticed was the “Discover More Experiences” at the bottom. It may be better to either remove it altogether for the sake of separting the function of the Home and Discover pages or including a small preview of the games that are below with a slight fade gradient.
I’m also not a fan of how you slightly tilted the Roblox Premium logo.
I noticed that the game thumbnails are very slightly faded in the background. Try experimenting with the intensity of it. I think it could help you out.
I think you should increase the size and contrast of the profile button in the top left corner to make it more noticeable to users to want to access their profile, as it seems that there is no other way to do so. You could even relocate it beside the Roblox logo or turn it into a text button.
Finally, you may want to consider allowing users to scroll horizontally on the friends list to promote good UX and to maintain consistency with the scrollable games area.
I really like it, but to be completely honest It looks like a nightmare to use on pc. On console and mobile this would be absolutely incredible, but idk, I feel like navigating this with a keyboard and mouse would make me want to pull my hair out.
I appreciate you noticing the small details I added! It’s always great to see someone pick up on those subtle touches. It’s those little things that can really enhance the overall experience. Thanks for taking the time to notice!
I’m primarily a roblox PLAYER in my free time, and I typically use my iPad or PS5 for gaming. Since I spend most of my time on these platforms, I’ve paid close attention to the UI details. You’ll notice I’ve made specific adjustments to enhance the experience for mobile users, making joining and interacting with the UI more seamless. Similarly, I’ve included elements tailored for console users, making selection and scrolling easier. It’s all about ensuring a smooth and enjoyable experience, regardless of the MOBILE device you’re using.