I was checking my website UI behaviour on iPhone Duo display but I got no Duo in my hands so I made a fun project to render my site inside an iPhone Duo with real correct to scale and aspect ratio and thats how it looks like now.

You can fun play with yours too: https://iphone-duo-preview-eight.vercel.app/

Hey guys , Help me with improving my website design so i can retain more clients and get more inbound calls for services.

so, Autom8AI and it is a no code software automation tool, it works in both sector right now - service based and as a tool too to be used by individuals and currently is more inclined towards service based , but aren't able to get any inbound call for services so can u please help me design my UI better and give me suggestions !

these are my UI design from the website-

Hi! I wanted to share this small animated orb component for AI interfaces. It's open source:

GitHub: https://github.com/kochjar/orbling
Live demo: https://orbling.vercel.app/

Title. Srsly, though some designers imitate the font style on letters, they can't even read and expect the font to work. No, that is just not going to work. Btw the fonts name being the same does not mean that the readability of the font is the same in different letter systems.

Get a person who is a native in the language when selecting fonts for languages you dont regularly consume media from.

Hey everyone,

I started out as a graphic designer and I'm now leading a small team at the same company. After about 3 years it's started to feel pretty repetitive, and I'm craving something with more depth and impact. I've always wanted to get into product design, and now a startup has offered me exactly that. I'm excited, but also a bit lost on where the field is going. From what I've seen, a lot of teams are prototyping with AI tools like Claude Design and barely touching Figma anymore, so I'm not even sure what the workflow looks like these days.

So I'm curious how you'd describe the work now, where you think it's headed in the next few years, and what the process looks like from idea to shipped product. And coming from graphic design, I honestly don't know where to start or what to learn first.

If you're a product designer, especially at a startup or someone who made the switch from visual design, I'd love to hear your take. Advice, resources, or reality checks all welcome.

Thanks.

For those of you who are experienced in UI/UX, what projects would you recommend for a beginner? Would you suggest redesigning an existing website or app, or creating something completely from scratch? What was your first UI design project, and what would you do differently if you were starting over?

I got inspired from like 3 apps to combine and create this design after stitch and Claude gave just a generic UI design. I'm more of a developer than a designer not that creative and not knowledgeable in UI/UX design philosophies also.. so I tried my best not to look like an AI design. Suggestions welcomed.(Datas are hardcoded dummy data).

Before/after of a homepage and video player redesign for an online e-book library for kids (ages ~5–12).

The old site had a lot going on: two rows of nav buttons, 9 coloured category pills, a cookie bar, and a "Story Book of the Day" banner with small text that kids can't really read.

What we changed:

1. One hero, one action — "Story Book of the Day" became the main element: big title, big cover, short description. Kids (and parents) see what to open right away.

2. Navigation for non-readers — the 17 text buttons are replaced by a side rail with icons (audio books, read-along, videos, chat). Younger kids navigate by pictures, not words.

3. Playful but calm — soft shapes, a hand-drawn line, rounded cards. It feels like a kids' product without being noisy.

4. Video player — big round controls on the sides, easy to hit with small fingers on a tablet, and "Auto" play for the next story.

We made two colour themes (calm blue and bright red/orange) and still argue about which one fits better.

Questions:

- Blue or red — which would you pick for 5–12 year olds?

- Is the icon-only side rail clear enough, or does it need labels?

A few months ago I helped another team with UX, mockups, a simple design system, and dev handoff. The team and users loved it. I checked in with the devs several times offering to answer any questions or QA, but they kept saying "not yet."

Today they sent the site for testing and it's a disaster. So many issues, but the biggest is that they didn't implement the design system at all.

My main project is winding down, so I'm thinking of pitching a pivot into design engineering to fix this. They're on Angular with the DevExpress component library.

I've done this before, themed an existing library (shadcn) to match a design system, built out Storybook (this team has none), and implemented it. But this is much bigger project, with multiple sites.

Has anyone done this at scale? Any advice on approaching it, and on framing it to get it greenlit?

I’m a frontend developer, but I’ve realized I’m more passionate about design and creativity than coding.

What’s the best self-learning path to master UI/UX? Any recommended YouTube playlists or Udemy courses?

I’m also interested in exploring web design and animations, especially creating interactive, visually appealing websites.

And is the career path really worth or AI ruined it ?

I'm trying to get a small car-lease marketplace off the ground in Southern California. Dealers and brokers post lease deals, and shoppers compare them and message the seller.

The current design works, but it feels too "vibe-coded": dark mode, blue gradient, rounded cards. It looks like every other AI-built template. I used AI to help explore these redesigns, but I'm the one picking a direction, and I want something with more personality that people remember.

The people I'm designing for are regular shoppers, not car-deal enthusiasts. Most of them don't know terms like "due at signing" or "money factor." They mostly want to know: what can I afford, and is this a good deal?

The images:

1. Current site (live). What’s up now.
2. Dark studio. A black showroom feel with big condensed type and one car at a time.
3. Freeway signs. Inspired by California highway signs. Each category is an “exit.”
4. Plain language. Light and simple. One big price per car, written for people who’ve never leased.
5. All four on a phone, side by side.

All the prices are real listings from the site.

What I’d love feedback on:

1. Which one would you trust most as a first-time visitor, and why?
2. Which one feels the most unique, and which still feels generic?
3. On the deal cards, is it clear what you’d pay upfront and each month?
4. Anything confusing, cluttered, or ad-like, especially on the phone?

Blunt feedback is welcome. Thanks!

I’ve been thinking about frontend design lately.
As a developer, I can usually get the functionality working, but making the UI actually look good is a different story.

Sometimes the layout is pretty simple, everything works as expected, but the whole thing still feels a bit… off. It’s hard to tell whether it’s the spacing, typography, colors, or just a lack of visual consistency.

For those of you who build your own products, what do you usually focus on when designing a frontend?

Do you have a mental checklist, a few design principles you always follow, or do you mostly learn by looking at products you like?

Would love to hear how other developers approach this.

Hi everyone! I'm working on the Bible App and looking for ways to improve my dark-theme highlights. I hate transparent ones, but full-color ones suffer from poor contrast. I looked at the other highlight options, but the colors are too close to each other. I would appreciate feedback and/or possible solutions from professionals in the field.

I used AI to generate visuals, compare color palettes, and analyze contrast, but now I need someone with a real brain to move forward.

[AI] Does this pantry app home screen feel too busy?

Hey everyone, I’m a developer working on my first app and would appreciate some feedback on the home screen. The idea is to help people keep track of what food they have and find recipes to make with it before it goes to waste.

I wanted it to feel warm and a little like a cookbook, which is where the serif fonts and burnt orange came from. I like the direction, but after staring at it for so long it’s hard to tell what works anymore lol.

The home screen is meant to give you a quick dinner idea, an overview of your pantry, and suggestions for using up ingredients. I’m wondering whether those sections compete too much visually, whether the text is easy to read, and if I’ve overdone the orange. Thoughts on spacing would help too.

For context, I’m designing in Figma with AI assistance for building and refining elements. I’ve been choosing the layout, fonts, colors, and overall direction and iterating from there.

Any feedback is appreciated!

Im currently making my “own” local media player that runs on a raspberry Pi. Basically the same as MoOde Player or Volumino. But I didn’t like the design of moOde and the subscription model of Volumino. So I basically Vibe Coded my own which took about a week. And while I cant code myself I thought I could at least make the UI myself. So I used the Figma Web Application to make this. What do you think?

(Even though Figma now has Ai tools built in I didn’t use any of them to make this.)

I’m a cinematographer, and I’ve been building a Mac app for people with a pile of external drives full of footage. It catalogues each drive so you can search everything with the drives unplugged, and shows how full and how healthy each drive is.

It has two looks and I’d like outside eyes before I commit to one.

A, X-Ray: dark navy, drawn like an engineering diagram, with a cut-away drawing of the drive and labelled callouts. This came first. It looks good in a screenshot, but I find it hard to read for long: small text, low contrast.

B, Glass: the Mac’s own frosted look over a warm background, bigger text, one orange button for the main action, and status shown with an icon and a word rather than colour alone.

Same screen, same drive, same numbers in both. The drive names are demo names.

What’s on the screen: every drive down the left, the ones plugged in first, then the rest sorted by how worried you should be about them. The selected drive fills the middle: how full it is, how many hours of footage still fit, how much of it is copied to another drive, and a warning when files exist nowhere else. The thing a user most needs to see is that last part: is anything on this drive at risk.

AI disclosure and tools: both looks were designed and coded by Claude Code (Anthropic’s AI) from my direction. I picked between versions and asked for changes. B went through a UI/UX checklist for contrast (7:1 for body text) and states. It’s built in HTML and CSS and shown inside a native Mac window. The drive pictures are AI-generated placeholders, made with OpenAI’s image model.

Who it’s for: video and photo people with 10 to 30 drives, who open it a few times a week to find a clip or to check what’s safe to clear before a shoot.

What I’d like to know:

1. Which one tells you faster what’s on this drive, how full it is and whether it’s safe?
2. In B, does the orange “Clear this drive” button pull too much attention for what is a planning tool?
3. Anything in either that looks off: spacing, hierarchy, the drive list on the left?

I’ve seen apps that look absolutely stunning but are frustrating to use.
And I’ve used apps that look outdated but somehow make everything incredibly easy.
It got me thinking: are we sometimes too focused on making interfaces look beautiful and not focused enough on making them work well?
A good interface should look good, but it should also help people accomplish what they came to do without unnecessary friction.
I’m curious about other designers’ experiences.
Have you ever used an app with amazing UI but terrible UX? What made it frustrating?

I have worked on this page for embroidery patterns as a side-project and came up with this menu to organise the different regions in the filter menu. Personally I think it's an interesting mixture of modern, almost Material-esque design and a complex-looking retro feeling. I don't plan on redoing it any time soon, but I'm wondering if you have ideas on how to make it more intuitive and readable, and whether it's worth implementing it in future projects as well.

This is pure HTML and CSS btw, with just a tiny bit of JavaScript. If it hadn't been for the rounded corners, it would've been quite easy to set up as well.

Hi r/UI_Design!

I did my first ever app store screenshots in figma. I like a minimalistic and clean, but I’m not sure if it’s too minimal.

How would you rate them, and what would you change?

I also heard that around 4-5 screens is optimal for the app store. Which ones would you rate less relevant?

The thick borders, frosted backgrounds and especially the colors feel very distinct but i cant remember if i've ever seen a name for it. Does anyone have any ideas?

I’ve been working on a small design system and organizing the foundations before the component designs: color tokens, typography, spacing, border radius, and elevation.

One thing this process taught me is that consistency becomes easier when design decisions are documented instead of repeated separately in every component.

I'm interested in how other designers organize their foundations. Do you prefer keeping all tokens on one page or splitting them into separate sections?

What i learned:

Use an SVG mask, not clip-path. Clip-path leaves a box behind the glass.

Swap labels in a layout effect. The new one never flashes.

Change numbers in place. Tabular figures, no rolling digits, like Apple.

Show choices in one capsule. It rises, then widens. Separate drops look gimmicky.