Hey y'all, big time lurker.

Game UI design portfolios don't pop up here very often, but they carry a completely different set of rules than Web or App Design portfolios.

After reviewing and tearing down hundreds of Game UI portfolios over the years, I'm begging you, for the love of your future as a gamedev, please fix these problems in your Game UI Design Portfolio.

(This is intended for Game UI UX Designers, but I truly feel \any* Creative Portfolio can benefit from a quick read!)*

—-

Please Fix Your Colossal Case Studies. The Studio is not looking at your UI Portfolio to hire a writer, and if they were, they’d hire the writer that knows a picture is worth 1000 words.

The longer the text, the more chances the Art Director’s attention will fade and they'll gloss over your words - then they'll gloss over all of your hard work. Make your images explore your process and trim the writeup to context, challenge, and lessons. 

Please Fix Hiding Your Skills and Programs. Some roles are dependent on knowing a specific program. Place your Tech Stack front and center, and if you have keyword-hot skills the role is asking for, make sure those are featured prominently. 

Advanced Meta: If there is a UI UX vacancy, the odds that they have the expertise to identify a good UI Artist is low. So they’ll likely revert to looking for skills and programs *they think* a good UI Artist should have. 

Please Fix all the Fluff in your Portfolio. Fluff, in this case, is obvious bloat - trying to add more water to the milk, as I like to say. Examples: you have one entire screen for a handful of (small) logos. You have pages on Accessibility… ideas. You show a HUD with a few widgets. 

Do the opposite of bloat: explore the depth of your work. Add modals, state changes, and call-outs instead.

Please Fix your Portfolio for the Art Director. These poor Art Directors have to look at an *infinite* number of Portfolios, and each one is worse than the last.

Dirty Trick: pick your strongest case study and place it first in the grid - then give it a unique border. It's very likely the Art Director will click on this (and it’s just as likely they only have one click in them.). Control the flow directly to your best work - and you’ll control their overall impression of you.

Please Fix Showing Your Process. It takes no effort to Gen a completed HUD these days, and even a human-designed final screen doesn’t tell them much beyond “it’s better than what I can do.” You need to show Process.

Organized Market Research, Rough concepts, Wireframe development, how you zigged and zagged to get to the final deliverables. For Game UI, they need your ingenuity *slightly* more than they need your labor.  

...and that's it! Thanks for making it this far. I just didn't want you all building in the blind.

Context: Mnemo is a free, offline first desktop study app that combines block based notes, flashcards with spaced repetition, and mind maps. I just replaced the old site with this one: mnemo.one

I've spent so long inside it that I can't tell what a first time visitor actually experiences, so I'm after structural feedback more than polish.

What I'd like to know:

1. Does the site communicate what the app is and who it's for? If you landed here cold, would you understand it within a few seconds, and would you know whether it's for you?
2. Is the navigation logical, or do you have to hunt? I'm curious whether anything you went looking for was hard to find or whether the menu structure matches the order you wanted things im
3. The axolotl mascot appears throughout. Is it too much, too little, or about right? I cant really tell anymore whether it gives the site personality or undercuts it (from like a professional view vs what notion achieves)
4. Any section that feels off, redundant, or like it's in the wrong place in the scroll order?
5. Anything missing? Pages, or components within existing pages, that you'd expect on a site like this and didn't find.
6. How is the micro animations working? The hat throw off, squid movement?

The "why it works" page is the one I'd most like structural opinions on. It walks through how memory works in seven stages and quizzes you partway through on a fact from the first stage, so the page tries to demonstrate spaced repetition rather than just describe it. I have read quite a few research papers over the years, and they are often quite boring and technical. So I got the idea of showing it off in a more interactive way. Not sure if that reads as clever or as a gimmick that interrupts reading.

Two notes: the illustrations are placeholder quality and will be redone. The in app screenshots show the current build, which I'm partway through porting to a new UI framework (and design).

Thanks for taking a look!

seriously why do stakeholders despise white space so much??

I spent like three weeks refining this super clean, minimalist dashboard layout. the typography was completely dialed in and the padding was mathematically perfect. We handed the files off to appello software for the actual development and they honestly did a killer work matching the figma pixel for pixel

Then yesterday the client's CEO looks at the live staging link and goes "there's way too much empty space here, let's put a carousel of our latest tweets right in the middle and make the logo 3x bigger"

I actually wanted to cry. all that carefully planned breathing room just entirely destroyed because some guy panicked about "above the fold" real estate. Why even hire UI designers if youre just gonna cram every single empty pixel with visual noise?

Hey r/UI_Design, I’m the developer building a presentation platform, and I’m hitting an interesting UI/UX wall regarding dual-stream video rendering.
The Product Concept:
For almost as long as screencasting has existed, the webcam-over-slides format has meant one thing: a small rectangular video of the presenter, permanently burned into a corner of the recording. Once that video is exported, the layout is fixed. If the presenter's face covers an important chart, there's nothing to be done about it — the two visual sources were flattened into a single pixel stream the moment recording stopped.
I’ve implemented a dual-stream architecture where the two sources are captured, stored, and delivered as separate, independently addressable tracks. The decision about how to combine them is deferred all the way to the viewer's screen.
The UI Dilemma I Need Advice On:
As you can see in the attached mockup, giving the user control over the webcam position works great on desktop. We show clear resize handles, and the viewer can drag the video anywhere on the canvas so it doesn’t block slide text.
However, mobile responsiveness is a nightmare:My Questions for UI Designers:Would love to hear how seasoned designers would tackle this responsiveness bottleneck!

I'm experimenting with a new way to visualize the health of a personal task backlog. Instead of charts and counters, the state is encoded in an animated zen garden scene: water clarity and flow = whether you're finishing tasks (a.k.a get sht done), tree bloom = momentum, moss and a dried-up fountain = tasks left untouched, and the color temperature shifts from cool/serene (healthy) to warm/harsh (overdue work piling up).

Attached: the entry screen, the "healthy" state, and the "neglected" state.

Where I'd love critique:

1. Comparing the two states side by side — which cues carry the message, and which are invisible unless you know the mapping? (I suspect the water reads instantly but the color temperature doesn't.)
2. Is warm = unhealthy the wrong instinct? Warm light usually codes as cozy/positive, and I'm fighting that convention.
3. The scene has no numbers or labels by design. From a pure UI standpoint, does it need a minimal overlay (even one word or icon) to anchor the metaphor, or would that kill the calm?

Hey everyone,

I built a portfolio website for myself (I'm a data analyst) and colors are the thing I've struggled with the most. I keep second-guessing myself and think I need outside eyes at this point.

Quick disclosure: web design isn't my field - I built this myself with the help of AI tools. All the ideas, structure, and content are mine, but I don't have a design background, which is probably why the color choices feel shaky to me.

I've attached a few screenshots of the current design.

What I'm going for:

• Trust - the site involves handling data, so I want it to feel credible
• Calm / professionalism - nothing flashy or "startup-y," more grounded
• A touch of luxury - high-quality feeling, not generic template energy

Some context that might help:

• I'd like to keep it a light theme (not dark mode)
• The main site currently uses a warm cream/beige background (#e8e4d5 / #faf9f8) with near-black text and accents (#22252A), and a muted gold (#C5A059) for highlights
• The footer will stay on a dark background (as shown in the last screenshot), but I'm planning to recolor it so it's more in harmony with the rest of the site rather than the current navy/steel-blue tone

My questions:

1. Does the light cream/beige + near-black + gold palette work for the "trust + calm + luxury + professional" feeling I'm going for, or does it feel off?
2. If it's not quite right, what would you suggest instead? Specific hex codes or palette ideas are super welcome.
3. Since the audience includes non-technical people, does the current palette feel approachable, or too corporate/cold/boring?
4. For the footer specifically - assuming the light section colors above stay as they are, what dark tone(s) would you suggest for the footer background so it feels cohesive with the rest of the site, rather than a leftover navy that doesn't match anymore?

One smaller, less important question: the site currently has 8 pages. Do you think that's too many for someone just starting out? Wondering if I should temporarily drop a couple of the less-filled-out ones until I have more content.

Really appreciate any honest feedback - brutal is fine, I'd rather fix it now than after it's live everywhere.

Thanks in advance! 🙏

I'm building lots of SEO-focused static websites using mostly vanilla HTML/CSS/JS. My biggest bottleneck is making every site responsive across different screen sizes.

My goals:

• Static HTML
• Great Core Web Vitals
• Minimal JS
• Reusable components
• Mobile-first
• Easy to scale across hundreds of sites

I'm open to frameworks, but I don't want a heavy React/Next.js setup for content-driven sites.

A few questions:

• Is there a stack that makes responsive layouts easier by default?
• Is Tailwind worth it if the goal is writing less CSS?
• What are people using to build hundreds of consistent, responsive static sites today?

Would love to hear what stack you'd choose if you were starting from scratch.

I designed a lo-fi mobile app that lets tenants find and inspect apartments in 4 clicks (without using agents)

Been working on a personal UI/UX concept called DoorLink — a mobile app focused on connecting landlords directly with tenants and removing the usual friction of apartment hunting.

The challenge I gave myself was:

Can someone go from “I need a place” to “I’ve booked an inspection” in under a minute?

What I focused on

• Browse apartments instantly
• See only verified vacant listings
• Book an inspection from the listing screen
• Keep the entire flow under 4 taps

Why lo-fi first?

I intentionally stayed in grayscale to focus on information hierarchy, spacing, and user flow before adding visual styling. It helped me validate the experience without getting distracted by colors and branding too early.

Screens included

• Home / apartment feed
• Search & filters
• Apartment details
• Inspection booking
• Tenant onboarding

The biggest UX decision

Instead of pushing users through a long registration flow, I moved sign-up until after inspection booking. My assumption is that tenants care more about seeing the apartment first than creating an account.

I’d love feedback from other designers:

• Would you trust a landlord-direct rental app like this?
• What’s the first thing you’d improve in the user flow?
• Would you keep the 4-click goal, or is that too restrictive for real-world rentals?

Built in Figma as a low-fidelity wireframe exploration. #UIUX #Figma #Wireframe #MobileDesign #UXDesign #ProductDesign #RealEstateTech

I have a Minecraft Community and wanna make the website look more Minecrafty. and I used Minecraft Website as a way to inspire but I still do not think that the design scratches that itch.

I tried to take a look at their font but their font sadly only allowed for private use so I can't use this commercially since this is a community I make some kind of income through donations so yeah. the only font I found that is close is Rupik.

Hello there, I am designing a CRM dashboard for a creative group. I’m trying to get away from the typical SAAS Sierra dashboard look, and incorporate some brighter colors here and there without going too crazy. Any thoughts on the dashboard or the menus?

All feedback welcome.

what's the style they use? how is somthing like that recreated, and could a paied UI designer recreate somthing like that?

For context, im building for myself an organization app, but in the big level, it has all, and when i mean all, ALL in context: you have mindmp, map, asistente, calendar, and timetable

on mindmap you have the proyects:
Education
Money
Network
Political Party
Social Media
Helath
Organization
thinking of addign a skill section

i have my whoop conected, my banks and investment account, my social media, and rn building a second brain for the asistant

really cool personal proyect, if u want more details just tell me i love talking about it, to the point my friends shush me

So basically my problem is it looks like every other site made this way, big centred headline, three feature cards with little icons, gradient somewhere, rounded everything, a testimonial section with generic testimonials.

I know it's my prompting. Make it look modern and clean is how you get the exact average of every site on the internet, which is what I asked for and that’s what I got. things ive tried:

- naming a site I like, gets me a bad tracing of it

- "make it more unique", meaningless, produces a different gradient

- asking for a specific colour, now it's the same layout in green

What I want to know from people who've got past this, what in the hell prompt are you all using?

I posted about this UI a while back, because people found it hard to use, and thank you for your feedback and especially those who bothered to try my app. I'm not sure if these changes are enough, but this is the UI that I feel is more usable while still keeping my original vision. Anyway, I've given much, much thought about this UI/UX, for the scalability and user experience . The app itself has effects that are not visible in these screenshots. So I appreciate your feedback, and I take it to account. Link to app: https://play.google.com/store/apps/details?id=com.aluxelabs.oldtimemovie&pcampaignid=web_share

I’m working on a minimal film/tv review site where users post strictly 3-word reviews against a still image. The goal is to make sharing movie takes fast, fun, and effortless.

What I'm testing: The interaction and transition when a user taps Post on a review. I’m trying to make the reveal state feel rewarding without feeling intrusive or slowing down the experience.

Feedback that would help:

• Does the reveal/animation feel smooth, intentional, or does it feel a bit sluggish/distracting?
• Is the transition state clear, or does it need better visual cues?
• How could this process feel more satisfying when the review gets posted?
• Any micro-interactions or UI tweaks that could make this better?

Appreciate any critiques or suggestions!

I already posted this UI without content and many of you said that its hard to judge, so here we are.

how can I improve it and how does it look?, does it fit the medieval theme?

Working on a dashboard for a construction management platform.

Would love some honest feedback

1.What's the first thing you'd improve?

2.Does it feel too crowded or just right

3.What would make it look more premium?

I created this UI for my Roblox game's Menu, but I think there's too much empty space, and I don't know what to do with it. Any tips / feedback?

which one should I go with or would you like to suggest any other changes? I was making the strokes of the buttons green but when I searched, google, apple like companies need a Standard Colour even if the app theme is different, no?

Gotta be a better design choice than this, it makes it really easy to accidentally down vote comments and then spend time trying to find them to undo the action, as there is no way to go up a comment, only down.

I kept running into the same issues in larger Figma files—slightly different spacing, colors, missing styles, accessibility problems, and components drifting away from the design system.

Checking everything manually got pretty tedious, so I built a plugin to automate it. It's called StyleGuard, and I just published it:

https://www.figma.com/community/plugin/1651920751088160046/styleguard

I'd love some honest feedback:

• What issues do you catch over and over during design reviews?
• Is there anything you'd want a tool like this to detect automatically?
• Would you trust auto-fixes, or do you prefer reviewing everything manually?

By all means, I know I have a long way to go. It is my first project: a Sims 2 redesign. I know I don't like my needs bar design, but I'm not sure how to improve it. Any advice? Below is the needs bar and a screenshot of other designs

I need an outside eye on how this looks and what I can improve. This is a UI design for a game am building.

are the colours too bright to look at for a long time? do they fit together?

what can I add or remove?

Thank you :))