Clay

Vantara is a large-scale animal rescue, conservation, and rehabilitation center in Jamnagar, India. It was established by Reliance Industries in collaboration with Reliance Foundation, led by Anant Ambani.

Clay partnered with the team to design and build a website that makes the mission feel real, not abstract. The goal was to create a digital experience rooted in storytelling, heritage, and cultural context.

Making A Vast Place Easy To Explore

Vantara is not a single building or a simple campus. It is a wide territory with infrastructure, habitats, and research zones. To make that scale clear and navigable, we created detailed 3D maps that act as both orientation tools and storytelling devices. Visitors can explore the space with confidence while getting a tangible sense of the land and the work happening inside it.

A Calm, Natural Visual Language

The visual system leans on a natural palette and a restrained layout style. Earthy tones help the experience feel grounded and contemporary at the same time. The icon set uses simplified shapes and rounded lines, which keeps the language approachable and clear without losing seriousness. Together, the design choices communicate respect for animals and reinforce trust in the initiative’s scientific foundation.

Built To Grow With The Mission

Vantara’s story will expand over time, so the site needed structure that could expand with it. Clay created a modular system of content sections that can adapt across formats, including learning platforms, reports, presentations, and scientific publications. Each module works as a building block that can be rearranged, scaled, or extended without breaking the experience.

What The Agency Delivered

The work spanned web design, motion, 3D, a design system, development, and strategy. Each piece supported a single idea. Help people understand what Vantara is, why it matters, and how expansive the work truly is.

The Result

The finished platform reflects and strengthens Vantara’s mission. It goes beyond presentation. It educates, supports learning, and connects people around the world to the values of care, science, and conservation that define Vantara.

Clay led the rebranding for Sky (formerly MakerDAO), crafting a fresh visual identity that marks a bold evolution for the platform. Their work included strategy, brand design, a design system, web design, illustrations, and 3D assets.

A New Chapter for MakerDAO
Sky builds on Maker’s foundation, ushering in a new era of decentralized finance (DeFi). Within this brand transformation, the stablecoin DAI evolves into USDS, signaling a shift in identity and vision.

At the heart of the rebrand is the idea of diverse sectors of the sky, reflecting transformation, depth, and community. Clay paired that metaphor with clean Swiss-style typography (using Circular Book) and a geometric logomark built for precision and balance.

The new Sky ecosystem hinges on StarDAOs: independent yet interconnected units driving growth and innovation. Clay gave Spark, the ecosystem’s first StarDAO, its own identity within the system: logo, sub-branding, illustration style, and web presence all aligned under the same strategy.

Illustration System & Visual Elements
Clay developed a three-tier system of pictograms, icons, and illustrations to animate the brand visually.

• Pictograms: minimal and functional, guiding navigation
• Icons: bold, friendly, expressive
• Illustrations: dynamic, using gradients, lighting, and renderings to evoke a sense of depth and motion

Backgrounds use gradient transitions (from sun to stars) and volumetric clouds to emphasize atmospheric depth and transformation.

On the web, Clay introduced smooth transitions, subtle lighting effects, and refined motion to make the brand feel alive at every interaction. Every element is designed to feel light, innovative, and intuitive.

They also ensured consistent quality across all devices (desktop, tablet, and mobile) through a robust breakpoint system.

Impact & Results
The new identity had strong business outcomes:

• Traffic increased by 40%
• Engagement rose 30%
• Customer satisfaction went up 35%
• Conversions improved by 25%

Clay maintained open, proactive communication, met deadlines, and aligned closely with client goals.

Fooji partnered with Clay to bring new life to their platform, Crowdsail, which is all about connecting brands with their fans in genuine ways. The main hurdle Fooji faced was turning Crowdsail into a lively, user-friendly hub that could easily support a wide range of brand campaigns without losing sight of what makes Fooji special. It wasn’t just a tech challenge but also about understanding what truly excites and engages people when interacting with brands.

Brands were looking for a way to authentically express their unique identities and messages, providing experiences that would feel personal and memorable. Previously, Crowdsail lacked the kind of flexibility and intuitiveness needed to adapt to different brands’ personalities and strategies. The key issue was clear: how do you create a platform that’s deeply customizable but still simple and enjoyable for everyone to use?

A Human-Centered Design Journey

Clay started by genuinely listening to users. Through detailed UX research, the team sought to understand exactly what users wanted, what frustrated them, and how they interacted with Crowdsail. These insights became the foundation for every design decision made afterward. By putting people first, Clay identified opportunities to make the user experience better and more delightful.

Clay carefully mapped out features and user journeys, ensuring everything flowed smoothly and felt intuitive. Special attention was given to animations (small details that made a big difference). These animations made navigating Crowdsail enjoyable, guiding users naturally from one step to the next. They weren’t just visually pleasing. Clay made interactions effortless and engaging, giving users reasons to keep exploring.

Clay’s design philosophy focused on clarity and simplicity. They placed thoughtful tips, easy-to-follow explanations, and interactive elements exactly where users needed them most. A visually appealing dark theme was added, making the platform easy on the eyes and pleasant to use, even during extended sessions. These thoughtful designs significantly improved how users experienced Crowdsail.

Custom Visuals that Speak to the Brand’s Heart

Clay knew that consistent branding matters deeply, so they created custom illustrations and icons that captured Fooji’s fun and friendly vibe. These visuals were essential in making every interaction on Crowdsail feel uniquely Fooji — warm, approachable, and engaging. This attention to detail helped build familiarity and trust, strengthening users’ emotional connections to Fooji.

Giving Brands the Freedom to Customize

Clay developed an easy-to-use microsite builder, allowing brands to effortlessly create custom microsites that match their identities. This straightforward tool enabled brands to quickly and confidently design personalized campaign experiences, all without sacrificing the overall quality and ease of use that Fooji insisted upon.

To further empower users, Clay introduced an adaptive widget system. This allowed brands to personalize their campaign workspaces based on their unique goals and preferences. Such flexibility was critical to supporting diverse campaign needs, greatly enhancing user satisfaction and making Crowdsail a genuinely versatile platform.

Insightful Tools for Campaign Management

Knowing that successful campaigns rely heavily on solid backend tools, Clay incorporated comprehensive management and reporting features into Crowdsail. These tools provided clear, actionable insights into campaign performance, order tracking, and user engagement. Brands could now effectively monitor, adjust, and improve their strategies in real-time, significantly boosting their ability to connect meaningfully with fans.

A Platform Built for Real Connection

Clay successfully transformed Crowdsail into a vibrant and highly adaptable platform that surpassed Fooji’s original goals by focusing on what users genuinely wanted and needed. Crowdsail now effortlessly connects brands with their fans, creating authentic experiences that truly resonate. Fooji’s collaboration with Clay is a powerful example of how thoughtful, human-centered design can create impactful, lasting relationships in the digital world.

In a strategic move to rejuvenate one of the internet’s earliest gaming brands, Clay partnered with Yahoo to reimagine Yahoo Games for a new generation. This rebranding initiative aimed to bring a fresh, expressive identity to a platform historically associated with nostalgia, repositioning it as a forward-looking destination for casual gamers.

From visual identity to UX design, Clay’s innovative approach brought Yahoo Games back into the spotlight. This article unpacks the key strategies, context, and outcomes of the rebranding project that successfully blended retro appeal with modern sensibilities.

Reinventing an Iconic Gaming Brand

Yahoo Games used to be a big name in online gaming. But over time, its design and features began to feel old. Today’s gaming world moves fast, and users expect smooth, fun, and easy-to-use platforms. Clay saw this as a chance to do more than just update a website. They wanted to rethink the entire experience.

With a focus on bold visuals, dynamic UX, and expressive branding, the reimagined Yahoo Games platform now resonates with both long-time users and new gamers seeking entertainment, nostalgia, and ease of access.

Crowded and Competitive Gaming Landscape

Clay didn’t shy away from Yahoo Games’ past. Instead, they leaned into its history and used it to build something new. The team created a look that felt playful and full of energy. The new colors, fonts, and graphics reminded users of classic arcade games but with a modern twist.

This design wasn’t just for show. It made the platform easier to use. Clay built a flexible system that could support different types of games while keeping everything feeling connected. Whether a user clicks on a puzzle or an action game, the experience feels part of one bigger world.

Brand Strategy: Bold, Playful, and Proudly Nostalgic

One of Clay’s first strategic decisions was to embrace the nostalgia of Yahoo Games rather than avoid it. But instead of simply leaning into retro elements, the team decided to amplify them through bold visual language. The resulting brand identity is quirky, energetic, and unmistakably expressive.

Key branding elements included:

• A vibrant color palette inspired by classic arcade vibes
• A logo system that playfully reflects the excitement of gameplay
• Typography and iconography that strike a balance between modern simplicity and retro charm

The branding doesn’t just serve aesthetics: it enhances usability. The team developed a modular design system that flexibly accommodates various types of games and content, keeping the experience both unified and dynamic.

Gaming Meets Interface Innovation

A standout component of Clay Global’s work was the UX overhaul. Instead of following traditional gaming site layouts, Clay prioritized visual storytelling, grid-based modularity, and intuitive navigation.

They introduced:

• Custom animations that respond to user actions, enhancing interactivity
• Responsive layouts optimized for desktop and mobile
• Highly visual cards that represent game content as “badges” of personality

The user interface reflects the playful brand tone yet remains highly functional. This balance ensures a low-friction experience — a must for casual gaming audiences that value quick access and engagement over complexity.

Technical Execution: From Concept to Code

Beyond design, Clay played a hands-on role in the platform’s development. The team implemented scalable, front-end architecture to bring the rich design system to life. Performance optimization was a key concern, ensuring that the visual enhancements didn’t come at the cost of loading speed or responsiveness.

Clay ensured smooth handoff and integration by working closely with Yahoo’s in-house teams, resulting in a product that reflects shared vision and executional excellence.

The Outcome

The relaunch of Yahoo Games has been met with enthusiasm from users and industry observers alike. The redesign succeeded in:

• Reviving brand awareness with a striking new identity
• Increasing user engagement through improved design and UX
• Positioning Yahoo Games as a legitimate player in the current gaming space

With this collaboration, Clay Global has proven that bold creative thinking, grounded in strategy and executed with precision, can revitalize even the most established digital brands.

Lessons from the Yahoo Games Rebrand

Since its relaunch, Yahoo Games has been getting strong attention. Users enjoy the fresh look, easy navigation, and wide range of games. People who loved the old Yahoo Games recognize parts of it. But the new design also brings in younger players who expect more from their online experience.

Yahoo Games now stands out in a crowded field. The relaunch proved that strong design and clear strategy can bring new life to a well-known brand. The project reminds companies that making a bold change is never too late. With the right partner and vision, even a classic brand can feel new again.

A nonprofit’s website serves as a digital interface that does far more than provide information. It actually connects people to the nonprofit’s mission.

Art Bridges, an organization started by Alice Walton, epitomizes this philosophy by facilitating access to American art through partnerships with numerous museums and art organizations around the country.

To further advance this goal, Art Bridges partnered with Clay, a San Francisco-based UI/UX design and branding agency, to redesign its website.

The outcome? A well-crafted, engaging site that illustrates Art Bridges’ narrative and enhances the experience of art enthusiasts, museum professionals, and prospective partners.

An American Art Masterpiece in Visual Form
Visitors to the new website are welcomed by the revamped homepage: a centerpiece slider display that showcases stunning artwork. This component captures user interest but also epitomizes the wonderful diversity of American art. With its emphasis on visuals, the website simulates the experience of walking around a gallery that will delight casual art lovers and art industry professionals alike.

Creative Customization in Websites
Art Bridges and Clay teamed up to enhance the user experience on the site by modernizing its design. Users can scan and filter based on their individual interests or preferences, creating a personalized experience that is convenient and without exertion. This minimalistic approach encourages visitors to admire the intricacies of the artwork and ensures interaction with the collection.

The functional grid allows users to view multiple items at once. Each item has an accompanying preset that helps users become more acquainted with it. The advanced design not only improves the user experience in navigating the site but also ensures they want to stay on the site for a longer duration, like devoted galleries.

Adapting Polished Art History
Clay crafted unique and bold titles for contemporary art illustrations, making them stand out. Integrating the new colors with the existing number helps improve the diverse tapestry artwork. This combines to ensure they tell their users about Art Bridges as the connecting line between the artists, museums, and the community.

A remarkable particularity of the redesign is the addition of an interactive map showcasing the museums working with Art Bridges around the country. Users can click on the map and gather relevant information about the various institutions, which encourages collaboration and a sense of community.

In addition to simply showing the partner museums, specific areas outline the mission and goals of Art Bridges and the Programmatic Fellowships, which assist institutions in understanding how they can participate.

The Creative Process Behind The Redesign
Clay Global adopted an “artwork first” approach. The agency created custom shutters using items from the museum, such as brochures and exhibition catalogs, and viewed them as works of art. Along with the aesthetic appeal of the website, which was a goal for the foundation, every element incorporated serves the foundation’s mission.

Typography That Connects And Provides Clarity
The foundation’s values — connectivity, partnership, and clarity — are delivered through type, and so the type was strategically chosen. With a serif and sans serif type combination, the website remains sophisticated yet friendly, with a modern feel and a welcoming user experience.

The redesign also improved accessibility, allowing individuals of all abilities to navigate the site with ease. This design allows more audiences to experience Art Bridges and engage with its mission.

Merging Aesthetics with Functionality
The new website looks fantastic, but it also has functionality that serves a purpose. The redesigned program pages enable easy navigation for prospective museum partners and provide intuitive, actionable steps to foster collaboration. This artistry and practicality build trust and engagement, strengthening Art Bridges’s position as a dominant player in the nonprofit art world.

The design team’s favorite part is the homepage slider, which seamlessly integrates visitors into American art with smooth animation. The design is responsive, ensuring an effortless experience across devices like desktops, tablets, and phones.

Allows for Modification and Improvement
The holistic website structure allows for modification and improvement during the redesign of Art Bridges, making it more innovative than ever. Art Bridges Foundation continues to grow and the evolution of the website is ensured with simple upgrades and content additions. This helps the platform remain modern and pertinent, fulfilling the foundation’s goals for years to come.

Clay Global’s work on Art Bridges exemplifies the best strategic design a nonprofit can have. The focus on visual storytelling, accessibility, and usability transforms the website from a simple American art showcase to an engaging platform that enables collaboration and community enhancement through the museums.

Clay Global’s work on Snapchat’s digital presence is a masterclass in balancing brand identity, user-centric functionality, and forward-thinking design.

At its core, the partnership between Clay and Snapchat aimed to create a seamless online experience that authentically captures the energy and spontaneity of the globally beloved app.The story of this collaboration, as highlighted by Clay’s case study, underscores the meticulous steps the agency took to deliver a cohesive, visually striking, and highly intuitive website.

Embodying Snapchat’s Vibrant Brand Identity
Right from the outset, Clay faced a clear challenge: translating Snapchat’s distinctive brand—rooted in playful visuals, ephemeral messaging, and an ever-growing global audience—into an online environment that radiates the app’s unique culture. In response, Clay immersed itself in Snapchat’s ethos, studying user behaviors, brand guidelines, and market positioning. By synthesizing these insights, they identified the core tenets of Snapchat’s identity: spontaneity, approachability, and a touch of boldness.

The key was to mirror Snapchat’s energy without overwhelming visitors. Clay leveraged the iconic Snapchat yellow, simple iconography, and subtle animations, taking the dynamic spark that defines Snapchat’s in-app experience and reimagining it in a modern web framework. In doing so, Clay set the stage for a website that feels distinctly “Snapchat,” even to first-time visitors, underscoring the power of brand continuity in digital design.

A Cohesive Visual Language
Building on Snapchat’s playful palette, Clay developed a cohesive visual language that blends corporate polish with a sense of fun. Text blocks, image carousels, and micro-interactions were all carefully orchestrated to guide users through Snapchat’s suite of features. Key typographical choices were made to ensure readability while injecting personality — slightly rounded edges, crisp letterforms, and generous spacing.

To reinforce recognition, Clay extended Snapchat’s familiar design elements. The signature ghost icon became a recurring motif in clickable items and hover animations, while bright pops of color were strategically placed to highlight important calls to action. Taken together, these visual cues encourage exploration, capture attention, and consistently reinforce Snapchat’s brand story.

User Experience at the Core
Beyond aesthetics, the user experience (UX) formed a central pillar in Clay’s redesign strategy. Recognizing that Snapchat appeals to a wide range of demographics—though particularly strong among younger users — Clay sought to design a site that feels intuitive to digital natives and accessible to broader audiences alike. They embraced clear navigational menus, bold headings, and concise descriptions that empower users to find relevant information with minimal clicks.

The overarching flow was carefully structured: each main section introduces key Snapchat services (like Snap Ads or Discover), followed by deeper dives into technical details and success stories. This layered approach accommodates both casual browsers and more invested users—potential partners, advertisers, or investors looking for granular insights. Interactive elements, such as animated transitions and hover effects, encourage exploration while maintaining a smooth, uncluttered user path.

Scalability and Collaboration
As Snapchat’s user base spans diverse markets and countless device types, Clay’s focus on performance and responsiveness was paramount. A robust testing protocol covered smartphones, tablets, and desktop browsers to guarantee a consistent experience. Page load speeds were optimized by carefully compressing images and employing lightweight code, ensuring that sleek visuals do not come at the cost of sluggish performance.

Close communication and collaboration between Clay and Snapchat’s internal teams proved essential to the project’s success. Regular feedback loops and iterative design reviews allowed both sides to stay agile, refining visual elements, content structure, and technical parameters in real time. Snapchat’s marketing and product teams provided up-to-the-minute insights on emerging product announcements and audience feedback, which Clay seamlessly integrated into the evolving design.

A Masterclass in Brand-Driven Design
Ultimately, Clay’s effort culminated in a website that serves as an immersive extension of Snapchat’s core values. Bright, playful elements meet refined layouts, while frictionless navigation and robust performance empower users from start to finish. In a world where digital interactions define brand perception, Clay proved that great design is not merely about aesthetics — it’s about crafting a cohesive experience that resonates with users, amplifies brand identity, and stands apart in a competitive, visually saturated landscape.

Snapchat’s redesigned online presence stands as a testament to the possibilities of brand-driven web design. By weaving together thoughtful strategy, meticulous attention to detail, and genuine partnership, Clay created a digital environment that aligns with Snapchat’s mission: connecting people through spontaneous, genuine interactions. Every pixel, animation, and navigation path reinforces this ethos, paving the way for deeper user engagement and sustained brand loyalty. The result is a shining example of how a forward-thinking agency can work hand-in-hand with a global tech giant to deliver a site that is as vibrant and innovative as the app it represents.

A Visionary Project with High Stakes

Clay, a digital design agency headquartered in San Francisco, has carved out a reputation for helping some of the biggest brands in the world create meaningful digital experiences. One of their standout projects highlighted on their website is their work for Meta—the tech giant formerly known as Facebook. While Meta’s identity is rooted in visions of interconnected virtual spaces and evolving social technologies, Clay’s role was to bring specific design strategies to life, ensuring the end-user experience remained coherent, intuitive, and future-focused.

From the outset, the Clay x Meta collaboration underscores the significance of strategic thinking in design. The challenge, as implied by the case study, was formidable: Meta needed a design framework and digital presence that spoke directly to its new brand ethos. After all, transitioning from the Facebook name into Meta signaled a rebrand and a philosophical pivot towards the “metaverse.” The design had to anticipate growth, adaptability, and user engagement on multiple levels. Clay, known for its user-centric approach, had to dive deep into Meta’s overarching narrative and brand values to architect a cohesive experience across the various touchpoints.

Elevating the Meta Brand Identity

One of the most noteworthy elements of Clay’s process is its emphasis on storytelling. Rather than treat Meta as just another client in need of a refined user interface, Clay integrated Meta’s brand story into every layer of design. The colors, shapes, and transitions reflect the organization’s forward-thinking stance—symbolizing an uncharted realm of connectivity. The final output, as showcased on Clay’s website, conveys a seamless blend of futuristic aesthetics and straightforward usability. Every visual element, from the gradient backgrounds to the intuitive iconography, appears carefully considered to align with the new brand identity.

Equally significant is the meticulous application of typography and spatial layouts. On the Clay site, the project breakdown reveals a design logic that is simultaneously minimalistic and expansive—mirroring the immersive and infinite concept that underpins Meta’s brand. Rather than overwhelming users with flashy graphics, the design banks on clean lines and well-planned information hierarchies. This approach ensures that visitors remain informed and engaged without feeling lost in a labyrinth of features and pages. It also speaks to Clay’s mastery in balancing the desires of stakeholders with the actual needs of end-users, which is crucial when reimagining a platform used by billions worldwide.

Bringing Coherence to a Diverse Ecosystem

In addition to aesthetics, the case study hints at how Clay tackled the usability challenges that come with Meta’s diverse product ecosystem. Each product—whether tied to social networking, virtual reality, or novel communication tools—demands a unique user journey. Yet, Clay managed to unite them under a single brand umbrella, ensuring users never feel like they’ve leaped into a completely different platform. This consistency builds trust, a cornerstone for any major tech brand, and is a testament to Clay’s proficiency in user experience design.

What truly sets this project apart is the delicate interplay between Clay’s expertise and Meta’s vision. By focusing on universal design principles—simplicity, accessibility, and adaptability—Clay ensured that Meta’s conceptual leap into the metaverse would still resonate with everyday users. The project underscores how design is not merely about aesthetics; it’s about crafting an inclusive environment that speaks to the brand’s mission while gently guiding users through technological transformations.

Merging Design Principles with Aspiration

Clay employed a research-driven methodology to accomplish such a feat, scrutinizing user behaviors, industry trends, and Meta’s evolving objectives. The result is a design that feels both aspirational and accessible. The soft gradient color palettes evoke the futuristic ethos of the metaverse, while crisp typography grounds the experience in a sense of clarity. Another crucial aspect is Clay’s approach to animation and interactive elements—highlighted as smooth, subtle touches that enhance, rather than distract from, the core content. These details keep the audience’s attention and reinforce Meta’s promise of interconnected digital worlds.

Moreover, Clay’s user-centric mindset is evident in every page and feature. This commitment to continuous improvement helps users navigate complex concepts—like decentralized digital environments and virtual collaboration—without feeling overwhelmed. By providing a consistent framework for each of Meta’s product lines, Clay ensures every facet of the user journey is effortlessly streamlined.

Collaboration for a New Digital Age

As outlined on the Clay website, Clay’s work with Meta serves as a masterclass in collaborative design and strategic brand evolution. By deftly combining research, strategy, and creativity, Clay transformed Meta’s broad aspirations into a practical and impactful digital presence. It’s an example of how a rebrand can go beyond mere visuals to become a holistic experience that not only reintroduces a company’s identity but also lays the groundwork for future innovation.

In analyzing this project, one gains insight into the level of thoroughness and creativity required when tackling the design needs of a global technology leader on the cusp of reinventing online interaction. This collaboration highlights Clay’s knack for producing polished, user-friendly interfaces and cements the importance of synergy between client and agency when forging the next chapter of a brand’s narrative. Through their agile, forward-thinking approach, Clay has helped Meta articulate its vision for a more connected digital future—a vision that is equal parts innovative, inclusive, and inspiring.

Grayscale Investments, a global leader in crypto asset management, recognized the need to elevate its digital presence to match its innovative offerings. Collaborating with Clay, it embarked on a transformative journey to redesign its main website and develop a dedicated subdomain for its new Exchange-Traded Funds (ETFs). This partnership resulted in a cohesive brand experience that seamlessly blends traditional finance’s precision with the crypto world’s dynamic nature.

Defining Grayscale’s Digital Identity
The primary objective was to create a user-centric design that aligns with Grayscale’s refreshed branding. Leveraging insights from their brand guidelines, Clay crafted a visual language that harmoniously merges traditional finance’s reliability with cryptocurrency’s forward-thinking spirit.

The redesigned interface boasts a streamlined aesthetic and intuitive visuals, enhancing user navigation and facilitating direct engagement with Grayscale’s diverse product offerings.

Reimagined Product Navigation
As Grayscale’s portfolio expanded, organizing numerous crypto products became a challenge. Clay addressed this by simplifying the navigation system and presenting content in an accessible format.

A comprehensive table offers users a quick overview, while individual pages provide detailed information on each asset. A dedicated subdomain was also developed for ETF products, ensuring a seamless and efficient user experience across Grayscale’s varied offerings.

Streamlined Data & Historical Insights
Clay incorporated interactive tables and graphs to present product information effectively, allowing users to switch views for a personalized experience.

The ETF page features a timeline that chronicles Grayscale’s milestones, providing historical context and enhancing the company’s credibility. This approach informs users and builds trust by showcasing Grayscale’s development over time.

Investment Made Easy
The enhanced user experience guides investors through various options, simplifying portfolio management. Key statistics are readily accessible, empowering users to make informed decisions easily. This intuitive design ensures that both novice and experienced investors can navigate the platform confidently.

Versatile Components for Dynamic Content
Clay’s design employs adaptable, reusable blocks, facilitating the seamless addition of new products and sections. This modular system prioritizes consistency and flexibility, enabling Grayscale to manage content and swiftly adapt to market changes efficiently. Such versatility is crucial in the fast-evolving crypto landscape, allowing the company to remain agile and responsive.

Knowledge Repository
The website features a dedicated section for informative articles that align with Grayscale’s commitment to crypto education. This library offers streamlined categorization and navigation, providing users with a convenient system to access valuable insights and stay informed about industry developments.

Crafting an Exceptional Mobile Experience
Recognizing the importance of mobile accessibility, Clay tailored Grayscale’s platform to deliver a user-friendly and responsive experience across all devices.

The design optimizes desktop features for easy access and usability on smartphones and tablets, ensuring users have a consistent and engaging experience, regardless of how they access the site.

Client Testimonial
Seres Lu, VP of Marketing at Grayscale Investments, expressed satisfaction with the collaboration, stating, “We loved working with Clay – they are professional, creative, and thorough. You’ll find a partner who feels equal ownership over the look and feel of the website as you do.”

This partnership between Grayscale and Clay exemplifies how thoughtful design and strategic development can elevate a brand’s digital presence. It provides users with an engaging and informative experience that reflects the company’s leadership in the crypto asset management industry.

Nowadays, when chatting with friends across different social media apps has become paramount, Slack remains one of the top apps many companies use. It’s evident that as the platform has advanced and matured, its user experience (UX) must also be at the same pace from now.

To remain competitive, Slack had to bring in design agency Clay to redesign the product’s interface and improve usability for millions of users.

It was clear what the problem was and what video Slack needed in this context: a complete UI redesign that changed how people use the product without losing the brand’s essence. This paper analyses how Clay worked on Slack’s redesign, what key elements were important, and what results the team reached.

Understanding the Scope: Slack’s Design Needs
Slack is more than a chat; it is an extensive collaboration and interaction tool that is close to dozens of integrated apps and an online workspace for numerous companies. However, as Slack kept piling up features and tools, the complexity of the user experience kept increasing, leading to a need for a streamlined approach that would allow users to navigate the platform easily.

When Clay instigated the project, they had more than some considerations to think about:

• Scalability: Considering Slack’s user base was already expanding into the millions, it was important that the new design retained its effectiveness in the future.
• Cross-Platform Consistency: Since Slack is compatible with many devices, it is important that the look and feel are the same regardless of the device.
• User Feedback: Any restructuring had to be based on the real needs of the users to ensure that the platform’s usability did not aggravate the old users of the old systems.

The Approach: Data-Driven Design with a Focus on Usability
Data analysis and user-centered design were at the core of Clay’s process. Their team kicked off with a detailed assessment of the existing Slack interface and dealt with its weaknesses based on users’ complaints and behavioral patterns. In doing so, they made it possible to untangle the core concerns, which consisted of the following components that required a redesign:

• Navigation Issues: Slack’s old interface was more complex and cumbersome. It further added functionality, driving it down into layers that may have sometimes been reached by multiple clicks. Clay revamped the entire navigation structure of the system to ensure greater emphasis is placed on the essential features and that users reach these features more quickly.
• Visual Hierarchy: One of the biggest difficulties was arranging the many features of Slack so that users would not be intimidated. Clay used appropriate visual hierarchy, which permits users to arrange the information based on the context given in a less complex manner.
• Cross-Platform Consistency: Another important aspect of the redesign was keeping the look and feel of all Slack’s versions—desktop, web, and mobile—the same. According to Clay, each platform had a unified design language, which was crucial to ensuring a consistent user experience regardless of platform usage.

Elevating the User Experience: Key Design Improvements
As a result of the collaborative process, Clay continued with various design modifications in Slack, which greatly enhanced user experience. Those were among some better design solutions which, more importantly, include the following:

• Simplified Sidebar: The new interface and design of the sidebar improved navigation in the workspaces and channels, switching them and understanding which conversations were on and which channels needed attention. Thus, the users were able to concentrate on the necessary and essential information rather than sifting through a lot of irrelevant information.
• Customized Themes: Clay allowed users to customize their Slack interface differently. Allowing custom themes not only enabled users to tailor their workspaces but also enhanced reading compatibility to their likings.
• Improved Messaging Experience: The messaging interface has been redesigned to enhance usability and readability. Given the many points of interaction that Clay typically incorporates, he made typography and conversation thread spacing more appropriate for long and difficult conversations. They also made it easier to insert files or hyperlinks and add links to reactions to messages to make interaction even better.
• Enhanced Search Functionality: Since Slack stores a large volume of conversation history, many users were having a hard time locating relevant information. Clay redesigned the search function, and now it is much faster and smarter, with better filters that allow users to find messages, files, or any content quickly and easily.

The Results: A More Intuitive and Scalable Slack

The newly designed version of Slack was well received by the users, who reported favorably about the ease with which they were able to navigate through the platform.

With the redesigned interface, Slack was able to:

• Improve user retention by offering a more intuitive experience.
• Enhance cross-platform functionality, providing a cohesive experience regardless of device.
• Build a scalable design framework that would accommodate future growth and features.
• The collaboration between Clay and Slack showcased how a thoughtful, data-driven redesign could improve a digital product’s functionality and user satisfaction.

Conclusion

Clay’s redesign of Slack offers a powerful example of how user-centric design can transform a product. By focusing on usability, scalability, and consistency, Clay helped Slack meet the needs of its current users and prepared the platform for future growth. This case study underscores the importance of keeping users at the center of the design process while leveraging data to inform key decisions.

As digital products continue to evolve, thoughtful design becomes even more critical to ensuring long-term success.

CafePay is an industry-specific solution that allows all employees to manage payroll, cash flow, HR, and report tax compliance fully. The application is structured to work in all fine or casual restaurants of any size, assisting in easy and far better payroll management. Accordingly, irrespective of whether the establishment is a boutique bistro or a standard restaurant chain, CafePay fits into the operational requirements of every category of restaurants with ease.

Clay Global was hired to develop a new concept for CafePay’s website, including its information architecture and management interfaces. It provided consistent and accurate implementation of these concepts. The primary objective was to balance all changes to update their afloat brand image. At the same time, attention and utmost value were paid to communication and perception of CafePay’s Unique Selling Propositions—in this case, accuracy, quality, and industry know-how.

Unique Logotype
One of the first steps in undertaking this transformation was creating the major branding elements. To achieve this aim, a sophisticated custom serif type was created. This logotype was designed to not conform to the industry’s normal aesthetics because it was self-explanatory about the premium service CafePay provided.

Custom Logomark
Together with the logotype, a custom logomark was created with a faint image of a clock embedded in it. The clock is quite a useful icon that captures time management, scheduling, and staff payroll. This logomark assures CafePay customers that their needs will be responded to without unnecessary delays and in an accurate manner, enhancing the brand association with efficiency.

Typography Takes the Lead
Acknowledging high-end dining experiences, the CafePay logo comprises old-style serif and sans serif type with a blend of appreciation for modernity. The cliches associated with the serif typeface, which is characteristic of all print designers, are that it is evergreen and carries weight. In contrast, the sans-serif concise edges ensure that the company’s target customers are every type of restaurateur, old-fashioned and new.

On a related note, the brand style of CafePay includes added emphasis provided through a serif italic font style or font family on specific words and phrases in any of the branding materials. It reflects CafePay’s professionalism and detail orientation – some things that make it unique from other platforms available in the market. Typography, thus, is not simply and only utilitarian but also works wonders in enhancing the brand’s narrative.

Creating a Welcoming Brand Image
The identity of the company Clay constructed for CafePay comprises the universal system of pictograms in the form of typography, a unique photo style, and a full set of colors. With the flourish of modern design and clean lines, which convey integrity, Clay intentionally created a warm and inviting identity that also respects modern trends.

To bring a personal aspect to the brand, the agency focused on photographs of people across all applications as a key element of brand applications. Because the platform is aimed at helping to provide for the life of restaurant personnel, it is essential to personalize the brand by showing employees, customers, and partners engaged with it. More than just pictures, they serve a deeper purpose; they portray real people working in restaurants, for whom this app eases their daily tasks and improves their quality of life.

Developing an Appealing Web Page
The website development for CafePay aimed at creating a great experience right from the time users enter the homepage. The Hero screen has bold scroll movements with typography, aerographic images, and subtle, graceful animations. Such elements build a sleek and polished ambiance relevant to the brand.

The site is also very simple and provides adequate usability so that users can focus on what is relevant to them, be it learning about CafePay’s payroll solutions, features, or the platform’s contact page. The structure adapts, so you can conveniently use the site on devices of any size, whether a computer or a smartphone.

Emphasizing the Brand Mission
Beyond showcasing the platform’s capabilities, Clay aimed to emphasize CafePay’s mission: to support the restaurant community through technology that simplifies the most complex administrative tasks. The brand experience on the website reflects this mission by using friendly visuals, warm photography, and bold, confident typography. These elements combine to create an inviting, people-centric feel that aligns perfectly with CafePay’s purpose.

Supporting Different Target Audiences
Recognizing that CafePay serves fine dining establishments and casual restaurants, Clay structured the website’s content to allow users to easily discover the features most relevant to their business. Whether users search for advanced payroll features or intuitive scheduling tools, the information is organized clearly, ensuring that each type of restaurant can quickly find the needed resources.

From Announcement to Launch
In the dynamic world of startups, making a strong first impression is critical. Clay ensured that CafePay’s brand identity was consistent across all channels, from the early “Coming Soon” pages to the full website launch. This helped build anticipation and excitement around the platform’s official release while establishing a strong, cohesive brand presence from day one.

Built Using Webflow
We designed and deployed CafePay’s website using Webflow, a budget-friendly, fully responsive web platform. Webflow allowed Clay to bring the vision for CafePay’s online presence to life without compromising on design or functionality. This solution was particularly well-suited to the startup’s needs, providing flexibility and ease of maintenance as the company grows.

Emotional Connections Through Merchandise
CafePay’s branding extends beyond the digital space into the physical world. To forge a deeper connection with restaurant employees, Clay designed CafePay merchandise that embodies the brand’s essence. The merchandise embraces a personalized approach that celebrates the people’s individuality using the platform. This extension of the brand into everyday life helps establish an emotional connection with users and reinforces the idea that CafePay is more than just a tool — it’s a partner in their success.