Im trying to make our site accessible but every change I make for accessibility seems to hurt the visual design like high contrast requirements make the colors harsh, keyboard focus states look clunky, larger text breaks layouts. How do you balance these? I know accessibility matters and want to do it right but also the site needs to look good to compete. There must be a way to have both but I'm struggling to find examples that are both beautiful and properly accessible. Right???

I'm in the process of building a landing page that will be used for Google ads, but need advice from experienced users on how to properly set it up. I know the content I want to put on there, and the design, but don't know about the following:

1) Do I set it up in the following format: https://website.com/landing/landing-page-title? If so, should I use /landing/ or simpler and a less obvious name instead of "/landing/"?

2) Should I exclude this page from getting indexed by sites? What if it's not a limited time offer, but an ad for a service from the company?

3) Do I include the regular site's header/nav at the top, or simply have the logo & a CTA button to reduce the amount of distractions and confusion?

4) What about footer? Keep it minimal, related to the service being advertised, or original site's footer? Also, if it's a limited footer, do I include the TOS/Privacy/Cookies/etc. legal pages there?

check it out ;-)

Here’s the site

https://esoterictattooart.com

Done with html, css, and 11ty static generator. No frameworks or ai. For static sites sometimes all you need are the basics. And even with ai, it couldn’t design or make something like this with the details and constant revisions and requests we went through. It was a very collaborative project that required more effort than just prompting. There’s still a market for skilled developers even for small businesses. You don’t need to make complex applications to stay competitive against ai. It has its pain points too. You just gotta know how to sell against them and provide a better service.

Hello! I would be grateful for advice if someone has been in a similar situation before.

I have recently joined a company as a ux/ui designer in a team of 2 other designers. I knew they were "reorganizing" but now i am just shocked by how bad things really are. There is no design system, no ui library, FE just eyeball everything because the "designers" don't know how to use figma and autolayout. Worse, they have no idea what a layout or grid is, what a responsive design is, what button states are.... their screens look like they're from the 90s, and they all look like different products. 0 consistency.

The "lead" who is becoming a manager started feeding everything to Claude and showing off those UI proudly to PMs... as screenshots in Figma. Screenshots that are all inconsistent from a pic to the next.

Im building a UI library starting from colors, type, spacing etc. He has no idea that we need actual color palettes instead of just ONE main color. I am also working directly with FE and our manager (who is dev, not a designer..) to let my work speak for itself.

However I am at loss at how to proceed and already considering changing jobs after 2 months...

Im hoping someone has some insight or advice on how to not get frustrated by an incompetent but loud person?

If you're new to web design and would like to ask experienced and professional web designers a question, please post below. Before asking, please follow the etiquette below and review our FAQ to ensure that this question has not already been answered. Finally, consider joining our Discord community. Gain coveted roles by helping out others!

Etiquette

• Remember, that questions that have context and are clear and specific generally are answered while broad, sweeping questions are generally ignored.
• Be polite and consider upvoting helpful responses.
• If you can answer questions, take a few minutes to help others out as you ask others to help you.

Also, join our partnered Discord!

Our weekly thread is the place to solicit feedback for your creations. Requests for critiques or feedback outside of this thread are against our community guidelines. Additionally, please be sure that you're posting in good-faith. Attempting to circumvent self-promotion or commercial solicitation guidelines will result in a ban.

Feedback Requestors

Please use the following format:

URL:

Purpose:

Technologies Used:

Feedback Requested: (e.g. general, usability, code review, or specific element)

Comments:

Post your site along with your stack and technologies used and receive feedback from the community. Please refrain from just posting a link and instead give us a bit of a background about your creation.

Feel free to request general feedback or specify feedback in a certain area like user experience, usability, design, or code review.

Feedback Providers

• Please post constructive feedback. Simply saying, "That's good" or "That's bad" is useless feedback. Explain why.
• Consider providing concrete feedback about the problem rather than the solution. Saying, "get rid of red buttons" doesn't explain the problem. Saying "your site's success message being red makes me think it's an error" provides the problem. From there, suggest solutions.
• Be specific. Vague feedback rarely helps.
• Again, focus on why.
• Always be respectful

Template Markup

**URL**: **Purpose**: **Technologies Used**: **Feedback Requested**: **Comments**: 

Also, join our partnered Discord!

Hello!

I'm a little new to hamburger menus and wanted to do one only with CSS, so I adapted using Brad Traversy's "pure CSS hamburger menu."

I want the menu to align right, but I'm not sure how to do so. I tried changing "left: 0" to "right: 0" and added "float: right" elements, but I'm still stuck. Any help would be appreciated. Thank you!

:root {

--overlay-color: rgba(0, 0, 0, 0.75);

--menu-speed: 0.75s; }

.menu-wrap {

line-height: 1.4;

position: fixed;

top: 0;

left: 0;

z-index: 1; }

.menu-wrap .toggler {

position: absolute;

top: 0;

left: 0;

z-index: 2;

width: 50px;

height: 50px;

opacity: 0;

}

.menu-wrap .hamburger {

position: absolute;

top: 0;

left: 0;

z-index: 1;

width: 60px;

height: 60px;

padding: 1rem;

background: var(--primary-color);

display: flex;

align-items: center;

justify-content: center;

}

/* Hamburger Line */

.menu-wrap .hamburger > div {

position: relative;

flex: none;

width: 100%;

height: 2px;

background: #fff;

display: flex;

align-items: center;

justify-content: center;

transition: all 0.4s ease;

}

/* Hamburger Lines - Top & Bottom */

.menu-wrap .hamburger > div::before,

.menu-wrap .hamburger > div::after {

content: '';

position: absolute;

z-index: 1;

top: -10px;

width: 100%;

height: 2px;

background: inherit;

}

/* Moves Line Down */

.menu-wrap .hamburger > div::after {

top: 10px;

}

/* Toggler Animation */

.menu-wrap .toggler:checked + .hamburger > div {

transform: rotate(135deg);

}

/* Turns Lines Into X */

.menu-wrap .toggler:checked + .hamburger > div:before,

.menu-wrap .toggler:checked + .hamburger > div:after {

top: 0;

transform: rotate(90deg);

}

/* Rotate On Hover When Checked */

.menu-wrap .toggler:checked:hover + .hamburger > div {

transform: rotate(225deg);

}

/* Show Menu */

.menu-wrap .toggler:checked ~ .nav {

visibility: visible; }

.menu-wrap .toggler:checked ~ .nav > div {

opacity: 1; /* menu will show if toggled */

transition-duration: var(--menu-speed); }

.menu-wrap .toggler:checked ~ .nav > div > div {

opacity: 1;

transition: opacity 0.4s ease 0.4s; }

.menu-wrap .nav {

position: fixed;

top: 0;

margin-left: auto;

width: 100%;

height: 100%;

visibility: hidden;

overflow: hidden;

display: flex;

align-items: center;

justify-content: center;

}

.menu-wrap .nav > div {

background: var(--overlay-color);

width: 200vw;

height: 200vw;

display: flex;

flex: none;

align-items: center;

justify-content: center;

opacity: 0;

transition: all 0.4s ease;

}

.menu-wrap .menu > div > div {

text-align: center;

max-width: 90vw;

max-height: 100vh;

opacity: 0;

transition: opacity 0.4s ease;

}

.menu-wrap .nav > div > div > ul > li {

list-style: none;

color: #fff;

font-size: 1.5rem; }

.menu-wrap .nav > div > div > ul > li > a {

color: inherit;

text-decoration: none;

transition: color 0.4s ease; }

}

I started with how to start a website for free content and launched something basic. It works but it doesn’t look like a serious business yet.

Would love help identifying:

• What makes a site look trustworthy?
  
• What are the biggest beginner mistakes?
  
• Does investing in pay monthly web design change perception immediately?
  

I’m trying to level up without burning money blindly.

Be honest what’s holding it back?

i want to start learning web design but not sure where to begin. there are too many tutorials and tools online.

should i start with html and css first or use something like wordpress or webflow?

my goal is just to build simple and clean websites, maybe for small projects or small businesses.

Many sites look beautiful but still feel frustrating to use.
Where do you think the line is?

Dynamic backgrounds can transform web design and I usually struggle a lot with this.

Have you explored tools like https://bglabs.app/ , https://www.vantajs.com/ , https://haikei.app/ or similar platforms to implement dynamic backgrounds?

What tools or techniques do you use for creating interactive designs? Have dynamic backgrounds helped improve your sites?

Thank you, for any help or direction

I’m researching tools that generate UI designs from text or ideas.

I know a few exist, but I’m trying to understand what people actually use in practice.

What tools have you tried for generating UI, landing pages, or MVP layouts with AI?

Did they actually help you ship faster, or did you still end up redesigning most of it?