10 must have tools for web designers in 2024
/ Articles -
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.
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
6 smart ways to improve website clarity and UX
You’ve got 3 seconds. That’s how long it takes for visitors to decide whether to stay on your site or bounce. In those few moments, your website needs to make a great first impression.
The hero section, typically the first thing people see, should instantly communicate three things:
1. Who you are
2. What you do
3. What makes you different
If it doesn’t do all three, it’s time for a refresh.
Is Google selling Chrome? What you need to know
Maybe you've been seeing headlines about Google maybe having to sell Chrome. The U.S. Department of Justice (DOJ) is pushing some big changes that could actually reshape how we browse the internet.
So what’s happening? Why is the U.S. government going after Google’s browser in the first place? And what would it mean if Chrome wasn’t owned by Google anymore?
Let’s break it down.
Is Arc browser dead? Here’s what’s really happening
If you’ve been using Arc and love its clean design, smart tab management, and overall modern take on web browsing, you might have heard rumors that it’s shutting down. But is Arc browser actually dead? Not quite, but it’s in an uncertain place.
Here’s what’s happening with Arc, why The Browser Company (the team behind Arc) is shifting focus, and what it means for users like you.
Why SEO seems complicated (and why it’s not)
If you've ever felt like SEO is a never-ending maze of changing rules, secret techniques, and conflicting advice, you're not alone. But the truth is, SEO isn’t as complex as people make it seem. The real challenge? Cutting through the noise and understanding what actually works.
Let’s break down why SEO seems complicated, the myths that hold people back, and the simple truths that drive real rankings.
UX Design is dead - long live UX Design
The rise of AI has sparked a lot of fear in the design industry and other creative fields, and UX design is no exception. Will AI replace designers? The short answer: no. But the long answer? Designers who don’t embrace AI might find themselves replaced by those who do.
Explore my work
.png)
Copy & Web Design
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
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
