13 Lessons from Experienced Designers on Web UI Design Advice

One piece of advice I’d give my younger self about web UI design is: Don’t wait until it’s perfect—launch early, test fast, and iterate often. The pursuit of perfect layouts or flawless pixel alignment can hold you back from the real growth that comes from putting your work out there and learning from real users.

One lesson I wish I had learned earlier in my career is the power of mentorship. I used to think I had to figure everything out alone, but having even one experienced designer in your corner can fast-track your growth, challenge your assumptions, and help you avoid painful mistakes. If I could go back, I’d ask more questions, share unfinished work more freely, and actively seek feedback from people who had already been where I wanted to go.

I’ve been building websites since 2005 using Dreamweaver and Photoshop, and the biggest UI lesson I wish I’d learned earlier is stop designing for yourself–design for tired eyes scrolling on their phones at 9 PM.

Back when I was creating websites for small business owners, I’d spend hours perfecting intricate CSS layouts and detailed graphics that looked amazing on my desktop. Then I’d get feedback like “customers aren’t calling” or “people aren’t filling out the contact form.” The sites were beautiful but weren’t converting because I was designing for design awards, not for real human behavior.

Everything changed when I started treating every website like a 24/7 sales rep that needs to work when the business owner is asleep. Instead of fancy animations, I focused on fast loading times and clear calls-to-action that guide people to take action immediately. One client’s t-shirt business saw their online orders triple just by making the “Buy Now” button bigger and moving it above the fold.

The hardest part was killing my darlings–all those custom graphics and elaborate layouts I loved creating. But when you see a small business owner finally getting leads from their website instead of just compliments on how “pretty” it looks, you realize pretty doesn’t pay the bills.

If I could go back and give my younger self one piece of web UI advice, I’d say this: your interface isn’t a static picture, it’s a living, breathing thing. Every button, every hover animation, every bit of text tone, and even how fast the page loads are all part of the same ecosystem working together. Design like you’re building a tiny world that people actually want to live in, not just visit once and forget about.

The other thing I wish I had learned sooner is that less really is more. Early on, I thought “good design” meant adding cool features, flashy gradients, and animations everywhere to impress people. It turns out, half the magic is knowing what to remove and when to stop.

Clear flows, generous white space, and only the essentials make users feel like the site is reading their mind from start to finish. They leave thinking, “Wow, that was easy and enjoyable,” and that’s when you know you truly nailed it.

I’d tell my younger self that good UI design isn’t about cramming in every cool visual idea — it’s about restraint. Early in my career, I thought adding more elements made a design feel polished, but I’ve learned that clarity almost always beats complexity. The best interfaces guide users naturally, without making them think too hard or work too much to get where they need to go.

The lesson I wish I’d learned sooner is to design with empathy first, aesthetics second. If you deeply understand who you’re designing for — their goals, frustrations, and habits — you make better decisions about everything from layout to microinteractions. Great UI doesn’t just look nice in a portfolio; it quietly makes someone’s day easier. That’s the real win.

One advice I would give my younger self is “Do not get obsessed with designing containers until you come up with good content to put in first.” Early on in my career, I would directly jump into layouts, colors, and animation without understanding what the actual need of the page was first. Then I would try to fit the content around the design, which should be the other way around.

The lesson I wish I had learned earlier is that good design is content-informed design. If you know exactly what users want to achieve and in what order, everything else falls into place. Content with clarity actually guides well and brings more visual clarity. Design is not just decorative, it’s solving problems in pixels.

After a decade in web design and building hundreds of sites through Hyper Web Design, the biggest lesson I wish I’d learned earlier is stop treating mobile and desktop as separate projects–design mobile-first, always.

Early in my career, I’d design these gorgeous desktop layouts first, then try to cram everything into mobile later. One healthcare client’s site looked stunning on desktop but was completely unusable on phones–their appointment booking system required 47 taps to complete. We lost them 60% of potential patients who gave up halfway through.

The game-changer was flipping my entire process. Now I start with a 320px mobile canvas and build up. When you’re forced to prioritize what fits in that tiny space, you naturally focus on what actually matters to users. That same healthcare client’s redesign using mobile-first increased their appointment completions by 340%.

Your mobile experience IS your brand experience now. Most of your users will never see your desktop version, so design for the device they’re actually using.

Web UI design advice I would give to my younger self is to design interfaces for real people rather than your personal preferences. I dedicated excessive time during my initial period to creating visually appealing designs because I believed minimalistic aesthetics were the ultimate objective. My understanding of user interaction evolved when I started working directly with users because I learned that usability stands as the most important factor in design.

The key lesson I have learned involves involving users throughout the entire design process multiple times. The process of watching real users interact with my designs during usability tests revealed the complete transformation of my design approach. I moved away from making assumptions about my design expertise because I began to listen more attentively. The transformation in my approach to design work resulted in better outcomes while creating more satisfaction in my work.

I regret not using feedback as a design instrument instead of following formal procedures. The interfaces which achieved the highest success level were tested through real user behavior and received continuous refinement. This fundamental change in perspective proved to be the key factor in my success.

With over 20 years in tech, including founding Burnt Bacon Web Design, I’ve seen how crucial web UI is for business success and longevity. My experience at Hewlett-Packard and a web hosting company showed me the constant demand for functional websites.

My top advice for web UI is to ruthlessly prioritize simplicity and lightning-fast performance above all else. Users have zero patience for complex navigation or slow load times; even a one-second delay significantly increases bounce rates and lost sales, as we often see when clients come to us for a redesign.

A critical lesson I learned is that web design isn’t a one-and-done project; it’s an ongoing, living organism. You must constantly monitor, adapt, and optimize your site, because an outdated or unoptimized UI will actively drive away customers and erode credibility.

If I could give my younger self one piece of advice about web UI design, it would be to embrace change rather than fear it. Looking back, I wish I had learned earlier that setbacks in your career path can actually open doors to greater opportunities. When I lost my position at an agency, I initially viewed it as a failure, but it led me to secure a consultancy role on Tomb Raider that provided the foundation for launching my own agency. That unexpected career shift taught me that resilience and adaptability are just as important as technical skills in the web design industry. The ability to pivot and see opportunity in disruption has been invaluable throughout my career in creating successful digital experiences.

As someone who’s spent years building cutting-edge digital experiences for diverse clients at Ankord Media, and incubating ventures through Ankord Labs, web UI is central to our work in crafting impactful brand narratives. We specialize in building robust, user-friendly UX/UI that connects deeply with audiences.

I’d tell my younger self to deeply embed qualitative user research before even sketching a wireframe for a web UI. Don’t just focus on visual appeal; understanding the cultural and behavioral factors of your audience, like our in-house anthropologist helps us do, is paramount for truly impactful design.

The biggest lesson I wish I had learned earlier is the critical importance of continuous validation through experimentation. Our rebranding initiatives, for example, taught me that rigorous competitor analysis and creative A/B testing are essential for refining UI and delivering results that truly exceed expectations.

This approach ensures our designs, especially for DTC websites optimized for mobile users, don’t just look stunning but also genuinely resonate and effectively convert by speaking directly to the hearts and minds of the target audience. It’s about building lasting brand loyalty through thoughtful design.

Three years ago, I was completely new to Figma. Now? It’s basically running my entire design process. We’re talking 95% of everything I do.

What’s wild is how this wasn’t just about picking up a new tool. It completely changed how I think about leading design when you’re working at scale. I ended up rebuilding our whole design system from scratch in Figma, making sure our components actually matched what our front-end team was building in Vue 3. No more of that back-and-forth nonsense where designs don’t translate properly.

Instead of getting intimidated by the learning curve, I saw it as this perfect chance to fix things that had been bugging me for years. Gone were the days of handing off static files and crossing our fingers. Now we have these living, breathing libraries where my designers and the dev team can actually work together in real-time. Same tokens, same logic. Everyone’s speaking the same language.

And here’s the thing: this approach has been a game-changer across everything we do, whether it’s healthcare apps, logistics platforms, or public safety tools. The speed improvement is nice, but what really matters is that we built something that actually scales and adapts as we grow.

The biggest takeaway for me? Real adaptation isn’t about mastering the latest software. It’s about recognizing when you have a shot to fundamentally improve how your whole team gets things done.

Don’t design and write content at the same time.

Early in my career, I’d get caught up in how great a section looked—only to realize I had no idea what belonged in it. I’d then force content into that layout just to fill space, and it often missed the real goal of the page.

After 20 years in design, I now start every project in Google Docs. I outline the structure, define the goal, map the content, and use simple placeholders like [Cool rocket graphic here]. Only after the content and hierarchy are solid do I move into visual design.

It’s the same process behind great films and great products: start with the story, plan the structure, validate the flow, then add the visuals. Skip that order, and you’ll take twice as long and deliver half the impact.