Blog
Tip of the Iceberg - May '23 edition
Tips
4
min read

Tip of the Iceberg - May '23 edition

Published on
May 22, 2023
Blog
Tip of the Iceberg - May '23 edition
Tips
4
min read

Tip of the Iceberg - May '23 edition

Published on
May 22, 2023

Contributors

Omer Hoffman
Web Design Team Lead
Evie Khabie
Product Designer
Vivian Pienika
Product Designer

Welcome back to Polar's Tip of the Iceberg, your go-to source for the latest and greatest design and development insights. Whether you're a seasoned pro or just starting out, our team has got you covered with the best tools, techniques, and tips to help you stay ahead of the curve.

In this edition, we're excited to share our top picks for May, packed with must-have resources. Discover the power of SaaSUI for inspiration in digital product design, streamline your workflow with the Destroyer plugin for Figma, master CSS flexbox through an interactive game exercise, and explore UX case studies from Growth.Design in a fun comic book format. You're also welcome to check April's edition for other tips.

Our curated insights will empower you to elevate your skills and unlock new levels of creativity. Stay tuned for more awesome tips and tricks in the upcoming editions!

So here are our top 5 for May:

#1: SaaSUI.design

SaaSUI is a fantastic resource for digital product designers and developers looking to stay on top of the latest SaaS UI design trends.

Curated by digital product designer Rakesh Mondal, SaaSUI offers a carefully hand-picked selection of cutting-edge SaaS application design patterns from top products around the world.

With insights and inspiration from industry leaders like Intercom, Freshworks, FreshBooks, Zendesk, and Mailchimp, SaaSUI is a must-have tool for anyone looking to up their SaaS UI design game.

Check out SaaSUI.design

#2: UX Pattern Analysis - Loading Feedback

At Polar, we recognize the significance of user experience at every stage of a user's interaction with a product. That's why we highly recommend this article on UX design patterns for loading feedback by Fanny Vassilatos and Ceara Crawshaw.

Loading is an unavoidable aspect of the online experience, and it should not be overlooked during the design process. By reducing perceived wait time and increasing perceived value, the appropriate loading feedback can greatly impact user satisfaction and engagement. The article offers a thorough analysis of various loading feedback patterns, along with valuable insights and practical tips for designers and developers. If you're aiming to enhance the loading experience for your users, look no further.

Read full article

#3: Destroyer

When working collaboratively and in need of quickly trying out an idea, detaching components and removing auto layouts can be quite a hassle. That's why we recommend the Destroyer plugin for Figma.

With Destroyer, you can easily recursively detach instances, remove auto layouts, and detach styles within your selection, enabling seamless and rapid idea exploration. Choose what you want to destroy, whether it's instances, auto layouts, styles, color styles, effect styles, or text styles, and accelerate your design iterations with ease.

Design system, we’re sorry🙏

Check out Destroyer

#4: Webflow Flexbox Game

Master CSS flexbox in a fun and interactive way in this Webflow game exercise. Through 28 increasingly challenging levels, you'll learn the basics of flexbox without writing code.

Solve responsive web design problems effortlessly using the powerful layout mechanism of flexbox. Dive into Webflow's visual flexbox builder and unleash your creativity with real flexbox-powered layouts.

Whether you're a CSS beginner or just seeking to enhance your skills, this game exercise provides an enjoyable and hands-on learning experience.

Give Flexbox Game a shot!

#5: Growth.Design Case Studies

We want to equip designers with the best resources to enhance their product design skills. That's why we highly recommend Growth.Design as an invaluable tool for gaining insights from successful companies and taking your skills to the next level.

What sets Growth.Design apart is its unique approach of presenting UX case studies in a comic book format. This fun and engaging format makes learning a delightful experience, allowing you to see exactly how popular companies like Tinder, Airbnb, Trello, Uber, and Tesla design products that people love.

With a new user experience case study released every month, Growth.Design offers a regular dose of inspiration and practical knowledge. By combining visuals, storytelling, and real-life examples, the comic book format makes complex design concepts easily digestible and memorable.

Check out Growth.Design Case Studies

Thank you for joining us for another session of Polar's Tip of the Iceberg! We're thrilled to have shared our top picks, resources, and recommendations to help you elevate your design and development game.

We value your feedback, so please don't hesitate to reach out and share your thoughts. And remember, if you have any tips or tricks of your own, we'd love to hear them! Stay tuned for our next edition, where we'll continue to bring you more awesome tips and tricks to fuel your creativity and boost your productivity. Until then, happy designing and developing!

Contributors

Omer Hoffman
Web Design Team Lead
Evie Khabie
Product Designer
Vivian Pienika
Product Designer
Visual
5
min read

Product Animation: Beyond Basic Screen Recording

Web
Tips
3
min read

AVIF vs WebP: The Right Image Format for Your Webflow Site

Web
Guides
3
min read

Enhance Webflow Sliders with Splide.js

Web
Guides
4
min read

Country Codes in Webflow Form: A Step-by-Step Guide

Web
Guides
6
min read

Syntax Code Blocks in Webflow CMS: A Step-by-Step Guide

Web
6
min read

Rive vs Interactive Lottie: Choosing Your Web Animation Tool