I've built a bunch of projects and messed around with my own site enough to figure out what actually works for UI/UX. It's not about fancy tricks. It's making stuff that people can use without thinking too hard. Here's what I've picked up along the way.
Keep it simple first. Don't cram the screen with junk. Every button, image, or text block has to do something useful. I use plain backgrounds, maybe light gray, with a tiny shadow to separate things. No bright colors screaming everywhere. That way, eyes don't get tired, and your brand stands out clean.
Typography sets the flow. Big bold headers grab attention. Smaller subs explain. Body text stays readable with space around it. I stick to 2-3 font sizes max. Makes everything scan fast, like reading a good book.
Use real HTML structure. Sections, articles, proper headings. Helps screen readers and Google. Doesn't mess up the look. Just wrap related stuff smartly instead of div soup.
Colors: mostly neutral. Dark text on white. One blue or indigo accent for buttons or titles. Enough contrast so old phones read fine. Keeps it pro without chaos.
Layouts gotta flex. Flexbox or grid for everything. Padding and margins that feel right, not too tight or empty. Rounds corners a bit on cards. Works on phone or desktop. Users flow through forms or lists smooth.
Icons from Simple Icons. Real logos people know. No weird drawings. Add a hover animation if it fits, nothing flashy.
Tell your story. Show projects, what you learned. Write straight, no fluff. Guide folks to explore or contact without confusion. Test with real people, tweak based on what they say.
These make sites fast to use, build trust, keep people around. Learned by doing real gigs, not just tutorials. Try it on your next build.