top of page

Beginner web design mistakes and how to fix them

/ Article - 

Web & UX Design

September 22, 2024

Are you just starting out in web design? Avoiding common mistakes can make all the difference in creating a user-friendly site. In this guide, we’ll explore key mistakes that beginners, and even some experienced designers, often make and provide actionable tips to help you design a more effective and visually appealing website.

Are you just starting out in web design? Avoiding common mistakes can make all the difference in creating a user-friendly site. In this guide, we’ll explore key mistakes that beginners, and even some experienced designers, often make and provide actionable tips to help you design a more effective and visually appealing website.

Center aligning long paragraphs of body text

Center alignment can work for headings or short lines of text, but it’s a poor choice for lengthy body text. Books generally left-align texts as an example. Here’s why:

  • Disrupts the reading flow: Centered text makes it harder for users to track lines and quickly scan content.

  • Follow best practices: Left-align text, as it's more readable. A good rule of thumb is that centering body text can work for a maximum of 3-5 rows.


 

Placing text on images

Placing text on images can lead to significant readability issues. Consider the following:

  • Contrast matters: Background images may not provide sufficient contrast. Even if it looks okay on your computer monitor, that might not be the case on mobile devices.

  • Use solid backgrounds: Choose a solid background to ensure readability and a better overall user experience.


Text on image

 

Overuse of stock photos

While stock photos can be convenient, heavy reliance on them can make your website feel fake, especially when it comes to images of people. Keep these points in mind:

  • Authenticity is key: Users appreciate genuine images that reflect your brand. A badly taken photo of you and your team is better than a fake photo of a group of people.

  • Mix it up: Use stock photos sparingly and complement them with original images for a more authentic feel.


 

Placing social media links in the menu

Including social media links in your main navigation can clutter the menu. On your site, you control what the user sees and interact with. If you purposefully direct users to, let's say Instagram, the users might be distracted by a new like or a new photo of a friend. Here’s what to do:

  • Focus on primary goals: Cluttered menus distract users from your website’s main purpose, whether that's to sell a product or tell your story.

  • Place social media links strategically: Users expect social media links in the footer so that's where they should be.


 

Making users have to think

Breaking established conventions without purpose can confuse users. Jacob’s Law states that "Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know."

Think of it like cars, which usually have a consistent layout: four wheels, a steering wheel on the left, and gas plus brake pedals. If you’ve ever driven a car with the steering wheel on the right side, you know how confusing it can be. Remember:

  • Stick to conventions: Users prefer familiarity; violating established layouts can lead to frustration and confusion.

  • Use a consistent layout: For example, choose a top menu instead of a side menu and logo to the left in the menu to align with user expectations.



 

Neglecting mobile experience

Oftentimes, more users are accessing websites on mobile devices than computers. Failing to optimize your site for mobile is a critical error. Keep these tips in mind:

  • Adapt to screen sizes: Ensure your design seamlessly adjusts to different devices for optimal user experience.

  • Test regularly: Continuously check mobile usability to avoid potential issues.


 

Using too many colors

A chaotic design with multiple styles and colors can distract users and lead to a cluttered appearance. This can make it difficult for users to focus on important content. Here are some tips:

  • Stick to a limited color palette: Choose a few complementary colors that reflect your brand and guide users' attention to key elements, such as calls to action.

  • Reduce visual noise: Minimize distractions to enhance usability and create a more enjoyable user experience.


 

Conclusion

By implementing these guidelines, you’ll create a more user-friendly and effective website. Good design isn’t just about aesthetics; it’s about understanding your users and making their experience great!

You might also like

Have you ever looked at a font and thought, "Wow, this feels just right"? That’s the power of typography. Fonts do more than convey words; they set the mood, tell a story, and even nudge emotions. Choosing the right font can make or break your design. Let’s dive into the world of font styles, what they evoke, and when to use them, plus a few pairing tips to make your designs shine.

Typography tips: Choosing the perfect font

Have you ever looked at a font and thought, "Wow, this feels just right"? That’s the power of typography. Fonts do more than convey words; they set the mood, tell a story, and even nudge emotions. Choosing the right font can make or break your design. Let’s dive into the world of font styles, what they evoke, and when to use them, plus a few pairing tips to make your designs shine.
A strong brand isn’t just a logo or a catchy slogan; it’s how people perceive and connect with your business. Brands with a clear identity attract loyal customers, command higher prices, and stand out in crowded markets. Think about big names like Nike or Apple. These companies aren’t just selling products; they’re selling experiences, values, and trust.

How to create a unique and memorable brand

A strong brand isn’t just a logo or a catchy slogan; it’s how people perceive and connect with your business. Brands with a clear identity attract loyal customers, command higher prices, and stand out in crowded markets. Think about big names like Nike or Apple. These companies aren’t just selling products; they’re selling experiences, values, and trust.
If you’ve been exploring ways to level up your web design skills, you might have come across the Wix Studio Web Designer Certificate. This certification, offered by Wix Studio, is designed to validate your expertise in site planning, web animation construction and designing with responsiveness in mind.
I recently earned this certification and want to share what the process was like, along with some tips for anyone considering it.

How I earned my Wix Studio Certification

If you’ve been exploring ways to level up your web design skills, you might have come across the Wix Studio Web Designer Certificate. This certification, offered by Wix Studio, is designed to validate your expertise in site planning, web animation construction and designing with responsiveness in mind. I recently earned this certification and want to share what the process was like, along with some tips for anyone considering it.
Did you know that over 58% of all website traffic comes from mobile devices? Yet many mobile designs fail to stand out because they sacrifice creativity or functionality. This or they fail to optimise for mobile altogether, giving all those mobile users a bad experience. Here’s how you can design for mobile while keeping your creative edge intact.

How to design for mobile without sacrificing creativity

Did you know that over 58% of all website traffic comes from mobile devices? Yet many mobile designs fail to stand out because they sacrifice creativity or functionality. This or they fail to optimise for mobile altogether, giving all those mobile users a bad experience. Here’s how you can design for mobile while keeping your creative edge intact.
Alt tags are important for both web accessibility and SEO. They provide descriptive text for images, aiding visually impaired users and ensuring compliance with standards like WCAG. Alt tags also help search engines interpret your content, boosting rankings and driving more traffic.

What are alt tags and how to optimize them for SEO

Alt tags are important for both web accessibility and SEO. They provide descriptive text for images, aiding visually impaired users and ensuring compliance with standards like WCAG. Alt tags also help search engines interpret your content, boosting rankings and driving more traffic.
Ever landed on a website that felt like reading a novel? Endless paragraphs, walls of text and it goes on and on, leaving you overwhelmed and ready to click away. You’re not alone, most users feel the same way and here'e why.

Why too much text kills your website’s user experience

Ever landed on a website that felt like reading a novel? Endless paragraphs, walls of text and it goes on and on, leaving you overwhelmed and ready to click away. You’re not alone, most users feel the same way and here'e why.

Explore my work

Web Design

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tek-ture

Tek-ture is a cutting-edge architectural firm with a focus on modern and sustainable design. For this project, I recreated their website from scratch, ensuring it maintained the original futuristic feel and functionality.

Tools used

Wix Studio

UX & User testing

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images. 

Asekio

Asekio is a Skåne-based tech startup with a vision to create a no-code AI website builder that can generate fully customizable websites in just 29 seconds. Users  input prompts, and Asekio handles the layout, text, and images.

Tools used

Figma, Figjam & Asekio

Copy & Web Design

Campus Webbyrå, a digital agency for small and medium-sized businesses, needed a website redesign to better showcase their services and enhance user engagement. The goal was to create a user-friendly, visually appealing website that effectively communicates their unique position as an agency created by students.

Campus Webbyrå

Campus Webbyrå, a digital agency for small and medium-sized businesses, needed a website redesign to better showcase their services and enhance user engagement. The goal was to create a user-friendly, visually appealing website that effectively communicates their unique position as an agency created by students.

Tools used

Wix Studio

Web Design

Campus Vänner, a non-profit organization based in Helsingborg, connects university students with local companies in the Skåne region. They needed a modernized brand identity and an enhanced online presence to appeal to their target audiences - students and businesses.

Campus Vänner

Campus Vänner, a non-profit organization based in Helsingborg, connects university students with local companies in the Skåne region. They needed a modernized brand identity and an enhanced online presence to appeal to their target audiences - students and businesses.

Tools used

Wix Studio & Photoshop

bottom of page