top of page

10 must have tools for web designers in 2024

/ Article - 

Web & UX Design

November 5, 2024

As a web designer in 2024, there are thousands of productivity tools available to help you be as effective as possible. Here are some tools and plugins that I frequently use, not necessarily daily, but it would be hard to live without them.

As a web designer in 2024, there are thousands of productivity tools available to help you be as effective as possible. Here are some tools and plugins that I frequently use, not necessarily daily, but it would be hard to live without them.

Websites


Unsplash

Finding high quality images can be challenging if you don’t have any. Unsplash provides a big library of free, no attribution required, high resolution images that can help you out. Just be aware that unique images are often better but stock photos can be a good resource.




IloveIMG

You need to optimize images for the web, and this user-friendly platform is my favourite for compressing images quickly without sacrificing quality. Smaller images helps your website load faster and improves user experience. Simply upload your images, and it will take care of the rest, making it a go-to resource for maintaining image quality while reducing file size.




SVGRepo

When you need scalable vector graphics or icons, SVGRepo is the perfect resource. It offers a vast library of SVG icons and illustrations that you can easily customize and integrate into your projects. Best thing is just as Unsplash, no attribution is required.


https://www.svgrepo.com/



Pagespeed

If you want to ensure your website loads quickly and efficiently, Google’s PageSpeed Insights is a must-have. It analyzes your web page's performance and provides a score based on loading speed, SEO and overall user experience. The best part? It gives you actionable recommendations to improve performance.


https://pagespeed.web.dev/



Colourcontrast

Making sure your text is readable is essential for a great user experience. Colourcontrast is a handy tool that checks the contrast ratio between your text and background colors. Simply input your color values, and it will instantly tell you whether your color choices meet accessibility standards.




Google Fonts

Choosing the right typography can make or break your design. Google Fonts is a fantastic resource that provides an extensive library of free, open-source fonts for web and print. With easy integration into your projects, you can explore a variety of styles and weights to find the perfect fit for your brand. Plus, Google Fonts is optimized for performance, ensuring that your website remains fast while looking great.



Awwwards

If you’re seeking inspiration for your next web project, Awwwards is an invaluable resource. It showcases outstanding websites recognized for their creativity, design, and usability. You can browse various categories to discover innovative solutions and trends, making it a perfect place to spark ideas for your own projects.




 

Chrome Plugins


Wappalyzer

Ever wondered how a cool website that you just visited was created? You don’t have to wonder anymore. Wappalyzer is a handy tool that shows you what technologies were used to create a website.




Eye dropper

Want to quickly grab the color of an image you find online, a website background or just some text. Sure, you can take a screenshot, open a program like Photoshop and use Photosop's eyedropper tool, but that’s far from the most effective approach. The chrome plugin Eye dropper works the same way, you only have to click to plugin and then what color you want.




Fontanello

Have you ever seen an amazing font on a website and wondered what font it might be? Instead of digging into the code panel to know, Fontanello quickly shows you what font is used and some more data that might be useful.





Do you have any other recommendations or tools that you think are essential? Send me a message

You might also like

Keeping up with the ever-evolving tech landscape can feel like chasing a moving target. Every week, there’s a new tool, trend, or breakthrough that promises to revolutionize the industry. For me, staying updated on tech trends isn’t just about keeping pace—it’s about staying inspired and informed as a designer, communicator, and tech enthusiast. Here’s how I do it:

How I stay updated on the fast-changing tech world

Keeping up with the ever-evolving tech landscape can feel like chasing a moving target. Every week, there’s a new tool, trend, or breakthrough that promises to revolutionize the industry. For me, staying updated on tech trends isn’t just about keeping pace—it’s about staying inspired and informed as a designer, communicator, and tech enthusiast. Here’s how I do it:
How I stay updated on the fast-changing tech world
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.
Typography tips: Choosing the perfect font
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.
How to create a unique and memorable brand
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.
How I earned my Wix Studio Certification
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.
How to design for mobile without sacrificing creativity
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.
What are alt tags and how to optimize them for SEO

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

Tek-ture

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

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

Campus Webbyrå

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

Campus Vänner
bottom of page