6
min read
Published on
September 26, 2024

September 2024: Redesigns, Revelations, and Rebranding

Polar Updates
September 2024: Redesigns, Revelations, and Rebranding

Welcome to this month's Polar Updates, where we're all about fresh perspectives and evolving design landscapes. We're kicking things off with some exciting news about our own digital makeover - our blog and updates section have received a major facelift! But that's not all. We're also diving into the nitty-gritty of enhancing user experience with international phone fields in Webflow, and taking you behind the scenes of a fascinating brand evolution journey. This edition is packed with insights that celebrate the dynamic world of design. So, grab your favorite beverage, settle in, and let's explore the ever-changing realm of digital design.

Project Spotlight Icon

Project Spotlight

Announcements Icon

Announcements

Polar's Blog and Updates Get a Fresh New Look!

We're thrilled to announce a major redesign of our Polar Design Blog and Polar Updates! 🎉 This refresh is all about enhancing your experience and making our content more accessible and enjoyable than ever before.

A New Chapter for Our Blog

Our blog has undergone a complete transformation, and we can't wait for you to explore it. We've reimagined how you find and interact with our content, creating a more intuitive and streamlined experience. The new design features improved navigation that guides you effortlessly to the insights you're seeking, whether you're a first-time visitor or a loyal reader.

We've introduced new curated sections to help you discover content that matters to you. Our 'Latest' section keeps you up-to-date with our most recent articles, while the 'Popular' section showcases our community's favorite posts. We've also created a dedicated 'Polar Updates' area where you can easily access our monthly newsletters and company updates.

The visual design of our blog has received a significant upgrade too. We've refined our typography, layout, and imagery to create a more visually appealing and comfortable reading experience. And don't worry - we've ensured that the new design looks and functions beautifully on all devices, so you can enjoy our content wherever you are.

Polar Updates: Now More Dynamic and User-Friendly

Polar Updates has also received a major overhaul. We've introduced a sleek new timeline layout that allows you to effortlessly browse through all our past updates. This feature makes it easy to explore our history or catch up on any editions you might have missed.

To enhance your reading experience, we've added a smart scroll indicator at the top of the page. This subtle yet effective feature ensures you always know exactly where you are in the article, making long-form content more manageable and enjoyable to read.

The entire layout of our Polar Updates has been revamped to create a cleaner, more organized look. This new design makes it easier to absorb information and find the updates most relevant to you.

Our Commitment to Quality Content Remains Unchanged

While we're excited about all these new features and design improvements, our core commitment remains unchanged: providing valuable insights, resources, and thought leadership to our community. What has evolved is how you access and interact with our content. It's now more intuitive, more discoverable, and we hope, a lot more enjoyable to explore.

Our Blog Icon

Our Blog

Enhancing User Experience with International Phone Fields

Speaking of our newly redesigned blog, we're excited to highlight one of our latest articles that showcases the kind of practical, in-depth content you can expect to find there. This piece is perfect for web designers looking to create more user-friendly and internationally accessible forms in Webflow.

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

In this comprehensive guide, we tackle a common challenge faced by many Webflow designers: adding country codes to phone fields. While this feature isn't available out-of-the-box in Webflow, our tutorial walks you through the process of implementing it with custom code, resulting in a user-friendly, internationally-aware form.

What You'll Learn

Our step-by-step guide covers:

  1. Creating and Styling Your Form: Tips on designing a form that not only functions well but also looks great and matches your website's aesthetics.
  2. Configuring the Phone Number Field: We show you how to use custom attributes to prioritize specific country codes, tailoring the experience to your target audience.
  3. Adding Custom Scripts: We provide two script options - one that automatically detects the user's country based on their IP address, and another that allows for manual country selection. We explain the pros and cons of each approach to help you choose the best option for your needs.
  4. Customizing the Style: For those who want to go the extra mile, we provide guidance on how to further customize the appearance of your enhanced phone field using CSS.

Why This Matters

In an increasingly global digital landscape, creating forms that cater to an international audience is more important than ever. This tutorial empowers you to:

  • Improve user experience for your international visitors
  • Ensure more accurate data collection in your forms
  • Demonstrate attention to detail and care for your users' needs

Ready to elevate your Webflow forms? Head over to our blog to read the full article and start implementing this feature in your projects today!

Worthy Mention Icon

Worthy Mention

AIcebreaker Icon

AIcebreaker

Process of ... Icon

Process of…

Brand Evolution: Hexagate's Visual Transformation

In this month's "Process of...", we're pulling back the curtain on a significant brand evolution project for Hexagate, a leader in proactive Web3 security and risk analytics. This case study illustrates the power of iterative design in capturing a brand's essence and growth over time.

The Journey from Bold to Refined

Our relationship with Hexagate began with the creation of their initial brand identity. The first iteration featured a bold, dark aesthetic with vibrant, neon-like accents - a look that effectively captured the cutting-edge nature of blockchain technology. However, as Hexagate's services expanded and matured, we recognized the need for a more sophisticated visual language.

Key Steps in the Rebranding Process

1. Reassessing Brand Positioning

We began by analyzing Hexagate's evolving market position and expanded service offerings. This crucial step informed every subsequent design decision.

2. Logo Reimagination

We retained the hexagonal motif from the original logo but refined it to include a subtle shield element. This ingenious integration symbolizes Hexagate's core mission of security and protection in the Web3 space, while enhancing the logo's versatility and recognition factor.

3. Color Palette Transformation

We transitioned from a dark, intense palette to a predominantly white-based scheme. This strategic shift conveys trust, precision, and technological sophistication, while providing a clean canvas for Hexagate's complex concepts to be more easily understood.

4. Typography and Iconography Refinement

We introduced a modern, highly legible typeface to enhance readability across digital platforms. The icon system was completely overhauled, striking a delicate balance between simplicity and information density.

5. Illustration Style Development

We crafted a unique approach blending isometric elements with 2D graphics. This style effectively communicates the multi-layered nature of Hexagate's security solutions while adding depth and interest to marketing materials.

The Impact of Thoughtful Evolution

This rebranding exercise transcends mere surface-level changes. It's a holistic reimagining of Hexagate's visual identity, aligning their brand with their position as guardians of the decentralized future. The new design system provides Hexagate with a versatile, future-proof visual language that can adapt to their growing range of services while maintaining a consistent and professional brand image.

Lessons Learned

  1. Brand Evolution is Crucial: As companies grow and markets change, visual identities need to evolve to remain relevant and effective.
  2. Maintain Core Elements: Even in significant rebrands, retaining key visual elements (like Hexagate's hexagon) can preserve brand recognition.
  3. Strategic Color Shifts: A change in color palette can dramatically alter brand perception, moving from edgy and tech-centric to trustworthy and sophisticated.
  4. Illustration as Communication: Custom illustration styles can be powerful tools for visualizing complex, abstract concepts in tech-focused industries.
  5. Holistic Approach: Successful rebranding touches every aspect of visual identity - from logo and color to typography and iconography.

This project underscores our commitment to growing with our clients, ensuring their visual identity always aligns with their market position and aspirations. It's a testament to the power of thoughtful design in narrating a brand's journey and positioning in the market.

Blast from the Past Icon

Blast from the Past

Tip of the Iceberg Icon

Tip of the Iceberg

5
min read

November 2024: Innovation in Motion

6
min read

August 2024: Collaborative Creativity

5
min read

July 2024: Fast-Track Creativity

7
min read

June 2024: Designing the Future of Health Tech

5
min read

April 2024: Designing for a Circular Future

5
min read

March 2024: Introducing Polar Updates