Slack Brand Center
Zabal played a pivotal role as Slack's dedicated Webflow development partner, collaborating closely with their team to construct both the internal logged-in and external logged-out states of their brand center. This project was also a close collaboration with the Webflow enterprise team, combining expertise and innovation to create a seamless and sophisticated digital experience for Slack employees and external vendors. The result was a testament to their joint commitment to excellence, reflecting Slack's core identity and values with precision and elegance.
.svg)
.svg)
.svg)
.svg)
.svg)
.svg)
.svg)
.svg)
.svg)
Understanding the business
Business goals
Slack's primary objective for their brand website was to centralize and streamline all dispersed brand-related assets within the organization.
The paramount goal was to provide internal and external vendors with a secure login portal, granting them access to personalized, curated content tailored to their email addresses. This strategic move not only enhanced user experience but also fortified Slack's data security measures, ensuring that only authorized individuals gained access to sensitive information.
In essence, the project aimed to fortify brand consistency while safeguarding the integrity of Slack's digital ecosystem.
Business challenge
The Slack team encountered many challenges due to a proliferation of disparate sources of information, resulting in a lack of a single, reliable source of truth.
.svg)
Asking the right questions
Research goals
How can we simplify the technical and maintenance aspects of the new Slack brand portal for easy user access and seamless management within Webflow?
Security audit
Security audits are crucial in today's digital landscape, safeguarding data, privacy, and trust.
Brand styles
Your brand's style is its voice in a noisy world. Craft it carefully to resonate with your audience and leave a lasting impression.
Brand assets
Brand assets are the building blocks of your identity - logos, colors, and fonts. Invest in them to build a strong and recognizable brand.
Accessibility compliant
Accessibility compliance is not just a legal requirement; it's a commitment to inclusivity and ensuring equal access to digital content for all.
Development excellence
Handover process
By sharing detailed design specifications and assets with our development team. This process ensured 1-1 implementation of visual and user experience aspects, maintaining consistency and user satisfaction.
Production estimation
Accurate production estimations and timelines are crucial factors in planning a website project. They helped ensure efficient resource allocation and timely project completion.
Development
Animations, CMS back-end integration, and scalability considerations are essential aspects. These elements collectively enhance user engagement, streamline content management, and ensure growth as needed.
Memberstack integration
Research goals
How can we simplify the technical and maintenance aspects of the new Slack brand portal for easy user access and seamless management within Webflow?
Log in
Enables vendors, employees, and users to access gated content with membership.
Log out
Enable users to log out and access publicly available content without the need to be logged in.
.svg)
User profile
Let users update their personal profiles for a curated experience that is custom to the user profile settings.
.svg)
Settings
Settings will form the project's core, granting admins access control. This is a key feature within this project.
.svg)
Custom code
Push Webflow's boundaries with custom code for functions, like copying hex color values to the clipboard.
.svg)
Copy to clipboard button
Empower Slack's internal team to simplify copying and pasting hex color values across the organization.
Webflow development
Webflow development offers the Slack team a dynamic platform for crafting visually stunning and user-friendly websites.
Custom code
Incorporating custom code into the Slack brand website was essential to fulfill all functional requirements.
.webp)
Memberstack integration
Allowing users to create an account and get access to gated content was a key function for the Slack team for this project.
Webflow training
As the Slack team was new to Webflow, Zabal partnered with Webflow to provide training for a smooth transition.
.webp)
Webflow strategy
Building for scale in Webflow ensures project success by structuring sections and pages for easy maintenance.
.webp)
Like what you see? Don't let your website idle another day
START A PROJECT
