top of page

10 must have tools for web designers in 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.

10 must have tools for web designers in 2024

November 5, 2024

Hampus Sjöblom

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.


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.


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

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.
Want to give your or your client’s website a unique touch? This simple scrollbar tweak can instantly elevate your design and create a more personalized feel.

This is how to create a custom scrollbar in Wix Studio

Want to give your or your client’s website a unique touch? This simple scrollbar tweak can instantly elevate your design and create a more personalized feel.
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.

Beginner web design mistakes and how to fix them

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.
Choosing between Wix and WordPress for building your website depends on your specific needs and goals. This article breaks down the strengths and weaknesses of both platforms to help you make an informed decision.

Wix vs. WordPress: Which is better for your site 2024?

Choosing between Wix and WordPress for building your website depends on your specific needs and goals. This article breaks down the strengths and weaknesses of both platforms to help you make an informed decision.

Take action

Feel convinced yet?

Let’s make something great together! Got a project or idea? Reach out and let’s chat.

More options

Contact page

Or visit the contact page for more options to get in touch and discuss your project.

IMG_6941_edited.jpg

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