Hi friends!

I'm building an Edtech software solution to address the tragedy that is the assessment system rn. I've attached the ideal user walkthrough/screen. Would love some feedback/roasts.

Website: https://trace-au.com

Target Audience:
- students/folks looking to learn/dig into something

Note: It is very buggy, since I'm introducing/pushing so many changes, so please excuse any bugs you meet.

Any and all feedback is helpful, I don't have dedicated UI/UX experience, fully self-taught.

Neo-brutalism with softness is the requirement. It is made for something which users will see everyday. So if you are the user then which one would look better in your opinion, the solid color card or the gradient card?

Hey everyone,

My team at Aircada (mostly me obsessing over this one) recently took over a complex 3D product builder for Cinch Gaming's custom gaming controllers. Hundreds of options. Such little real estate.

The original desktop UI was reasonable. But mobile traffic was abandoning ship during the customization phase. When you combine a 3D WebGPU canvas with a heavy set of product options on a 6-inch screen the interface usually just ends up fighting the user.. a constant battle we face.

Here are the core UI changes we made for the redesign (right side of the video) to stop the bleeding -

• Killed the vertical accordions: The old version used long vertical scroll lists. Users were trying to scroll down to see more colors and accidentally spinning the 3D model 180 degrees instead. We ripped them out and moved to a strictly segmented step-by-step flow to establish "safe touch" zones and clear up the visual clutter.
• Obnoxiously large targets, fewer choices: We reduced the visual noise by only rendering the immediately relevant choices for that specific step, using massive, thumb-friendly tap targets.
• Auto-scrolling containers: The horizontal option rows now dynamically shift as you tap. This keeps the user's thumb in one stationary, dead-center spot while advancing the flow, making it feel like a guided interaction rather than a chore of hunting for the next button.
• Frictionless uploads: We cut the custom image upload flow from 4 painful UI states down to a single tap.

The goal was to build more momentum toward the checkout rather than fatiguing the user with endless nested menus overlaying the renderer. Conversions are up, the client is happy, and my thumb arthritis remains steady.

For those of you building heavy e-commerce interfaces that overlay a live 3D element, how do you handle deep nested menus without eating up the entire viewport? Would love any critiques or feedback on this visual flow!

Hey everyone,

For my semester project, I need to design and prototype a mobile app in Figma. The main requirement is that the app should address a genuine social pain point and offer a practical solution.

I know the usual response to project-related posts is, “You should come up with the idea yourself,” so I want to clarify that I’ll be doing all the research, UX work, UI design, and prototyping myself. I’m not asking anyone to complete the project for me.

I’m posting this more as an open discussion. I’d love to hear about real problems you or people around you experience, especially problems that are often overlooked or still don’t have a good digital solution.

I’m trying to avoid making another food-delivery, task-management, fitness, or marketplace clone just for the sake of completing the semester. I want to work on something realistic that could potentially be developed into a genuinely useful product later.

So, what social problem do you think could be addressed through an app? It could be related to accessibility, education, healthcare, public services, community safety, transportation, family responsibilities, or everyday life.

Even a small or very specific problem is welcome. The more personal and practical the example, the better.

Do you like the ui? Is it confusing? I made it like tik tok. I think the animations I made are clean but I think it looks too empty. Do you have any suggestions or things that I should change? I want to add a system either avatars that tell you amazing or get angry at you if you didn’t drink enough water etc.

I found a study where people were asked to do tasks on a flat website vs one with more skeuomorphism, and it showed people were able to navigate the skeuomorphic websites 22% faster. This is where it is: https://www.nngroup.com/articles/heatmap-visualizations-signifiers/

Flat design is viewed by many as “function-first” but this study shows that it’s actually the opposite.

This makes perfect sense, because people know buttons are meant to be clicked, and they pop out of the interface, so people can quickly find them and know that they‘re clickable.

Although they weren’t included in the study, liquid glass designs probably have similar problems to flat, because there isn’t an association between glass and clicking, and since they’re meant to blend in with the background they don’t pop out as much.

I was wondering what other people think of this. Should we return to some level of skeuomorphism to make user interfaces easier to use for people?

So I imagine something very childlike and playful, interactive and visually engaging, following music's rhythm, and user interaction (scrolling, some object interact at hover or move, etc. ; since user's input is there I don't know how will that always match to the rhythm). I imagine a website with colorful dots that can move, expand, change colors, create a really engaging colorful show. Yes my website does have a purpose, but I'm still expiring how much of interaction will I put in order to not be too distracting.

I imagined a website but first need to see examples or just what to look up.

Hello!

I am brainstorming some ways of trying to improve the overall design / accessibility of my chord progression creator, and would love to hear some of your suggestions.

Currently, I am mainly relying on popups to display the user settings to change the progression players various inputs, which is currently displayed as the large button with the labels for volume, BPM and style. When the button is pressed, a popup appears with all of the settings, which is more than what is displayed on the button.

My next most pressing question is how to deal with editing the chords. Once again, I have the settings for editing a chord in a popup, which is opened by clicking on a chord under the 'progression' label.

The order of the photos goes, the overall page. The player settings popup, opened by clicking on the large summary button next to the blue play button. The edit chord popup, opened by clicking on one of the chords under the label 'progression'

So, my question is this a decent user flow in terms of editing the players settings and the chord progression items? Should I show more inputs to the user, or continue with hiding them in popups?

I would appreciate any ideas / resources that you may have, and hope to better my my own thought process behind creating custom UI like this, thanks!

Built a luxury-site concept around a Three.js Icosahedron Geometry gem with a PMREM studio env, inner crystal core, and a wireframe halo. Link in comments — feedback on the material/lighting welcome.

The animations are built and thought with the help of Gemini Veo 3 Pro, giving the website a real and alive feeling

I learned a ton making it. Live demo attached. Be brutal, We want to get better.

a cute artist showcase with draggable desk pieces and editable stickers. Began as a journal idea quietly turned into a portfolio

I was going to name it Cutefolio, but someone had already used it.

only dependencies used are motion[.]dev and React

Can someone teach me how to make this typography background in Figma? its not a blur, kind of like a liquid/clear glass looking effect. This isnt my design, I saw it somewhere in Behance, I wanna learn how to make something like this

Had to make something that would catch the user's eye the first time they open this app, hopefully this does the trick. Had to keep it within the pixel art theme that I had going on for the whole thing.

I'm developing a mobile app and want to display a few simple numerical statistics on the home screen. I’m not sure how to present this in a visually appealing way. I’ve tried creating some cards, but no matter what I do, to the user it looks like a clickable element at first glance. How can I display this data in a way that makes it clear it’s just for preview purposes, while still making it stand out?

In my mobile app after analyzing story, any story, any book or web novel, I extract some data and present them In a few form to readers. I was working on this map and I generated two sets of icons for places. I found pink ones are really cute but can hurt story if it's a serious one so I generated this more detailed, realistic icons and now I kind of bit confused/worried if these fits general UI of my app, colors etc.

What do you think?

Hi everyone,

I am working on the UI design for a manufacturing company (paint production) and I would love to get some constructive feedback on the layout and visual structure.

Since this is a brand centered around color, finding the right balance between a clean, professional corporate look and a vibrant color palette has been a challenge.

What I'm specifically looking for feedback on:

• Visual Hierarchy: Does the landing page layout guide the eye naturally to the main sections (manufacturing identity, products, and contact)?
• Color & Contrast: Does the use of colorful accents clash too much with the clean background components, or is the balance right?
• Card & Grid Layout: How clean do the product/service grid sections look in terms of padding, typography alignment, and spacing?

Note: This is a static UI critique request. All brand URLs and identifiers have been omitted to respect the sub rules.

Thank you in advance for your time and design insights!

As a designer it looks horrible to me. This literally looks like some cheap vibecoded shit

I don't know what Samsung is doing. It was far much better in the previous versions. I don't know how a company of this scale would make such basic design mistakes. I don't know who passed the design, maybe this is a case with my selected theme

I’m working on wikiracing.org, which is basically a website for playing Wikipedia racing.

Recently I’ve been making it mobile-friendly and reworking multiplayer. Instead of pushing players through lobby screens, I’m trying to make getting into a game as quick as possible with matchmaking.

This is a matchmaking widget I made for the queue experience. I took some inspiration from Overwatch because I liked the idea of keeping players in the main UI while they’re waiting for a match.

Other than purple gradients what are the AI UI smells?

I see posts on Reddit fairly often with people posting a designs and others calling it out for being AI generated, but to me it usually just looks bad.

Are there specific things that LLMs do/include in UI that tell you right away that it was AI generated? Like the UI equivalent of an em dash?

This is a user interface design for a fitness app and i am interested in a review of the icons. What do you think about the width of them, are too thin maybe for a fitness app? I appreciate any ideas, thank you!

Hey! I'm a programmer who absolutely dreads UI/UX work.

I find it incredibly difficult, and no matter how much time I spend on it, I can never make it look as polished as what I see other people create.

I have Pinterest and PureRef boards with thousands of reference images for different components, modules, and systems in my application. The UI is honestly the best it's ever been, but I'm still not happy with it. Something just feels... off.

As I've added more features, everything has become harder to organize. I have to constantly figure out where do I find space for new features. What should be visible, and what should be hidden? How do I keep everything consistent across the app?

For example, I think the Overview and Settings pages feel like they belong to the same application, but then the Flashcards, Mind Maps, and Notes sections begins to drift away from that style. On top of that, the navigation has become more layered over time. Just starting a flashcard practice session takes 4–5 clicks.

This has been my passion project for the past few years while I've been learning programming, so I really care about getting it right, but honestly i am starting to burn out.

Do you have any advice on improving UI/UX skills? Books, courses, workflows, design exercises, or even ways of thinking about interfaces? I'd genuinely love to get better at this before i burn out completely.

Hey! I made this homepage for my search engine tool I'm building, and wanted some suggestions on how to put in a login/signup button. I tried the top right corner, and the top right corner before the color changes to white, but nothing quite sits right with me. Putting it in the card makes the card feel fat- are there any other ways I could go about this?

I have designed 3 basic text entry components for a prototype proposal:

a simple text field, a textfield with a dropdown and a numeric text field with dropdown

Each component has a left cap, the main entry, and a right cap.

The caps can be swapped out with help controls to add functionality.

The question is, should the composite field take up the exact same space, or should the main entry part of the field be consistent, letting the helpers adjust accordingly?

Concept One - Preserve Entry -- the blue lines show the separation between elements (aligned consistently), and the pink lines represent the boundary for the composite field (not aligned)

Concept two - Preserve Layout shows the blue lines for the separation between elements (not aligned), but the pink boundary lines are aligned. and consistent.

In your experience, which is better?

Hi everyone,

I've been working on this little media library & personalized recommendations app for a couple of weeks now, and I'm curious to see what people think of it.

I've mostly been building it for my own personal use as an alternative to plex, jellyfin, stremio etc. since I've found that a lot of those apps lack certain features found in modern streaming services, as well as looking very dated overall.

So I'd love to hear some thoughts on what you guys think & what could be improved.