介绍 sendgrid.design

也许您是一位热心的工程师，通过我们屡获殊荣的 API 发送重要的业务电子邮件。 或者，也许，您是一位时间紧迫的营销人员，正在使用营销活动构建和发送精美、有针对性的信息。 您甚至可以不时访问我们的博客，了解最新的精彩内容。 无论如何，有一件事是肯定的——您已经看到了 SendGrid 充满激情的设计团队的得心应手的工作。

无论我们是为下一个强大的产品功能推动像素，采访客户以更好地了解他们的想法和行为，还是潜入最新的以设计为灵感的社区活动，伟大的设计都是我们在 The Grid 所做的一切的核心。

虽然我们的墙壁内有一种明确无误的热情设计文化，但我们的设计团队并不总是可以在一个地方自由地分享见解，坦率地说，我们对设计的热爱，同时作为一个品牌声音与更大的设计社区互动——直到现在！

今天，UI/UX 团队宣布了非常激动人心的sendgrid.design发布，这是 SendGrid 设计团队发布故事、案例研究和其他有关我们领域的相关内容的创意场所。

SendGrid 的 UI/UX 团队充满了才华横溢的人——他们渴望解决疯狂的大问题——团队希望与更大的社区分享这些故事。

专门的设计网站本身并不是一个独特的概念。 世界上一些最受尊敬的设计前沿品牌，如Uber 、 Airbnb和Atlassian都推出了类似的项目。 作为一家专注于设计的公司，推出我们自己的产品是我们的设计团队对创造充满热情的事情。

对我们的团队、我们的公司和我们的品牌来说，我们从多年经验中学到的见解不会停留在我们的墙内，我们有一个地方可以与其他设计师和团队分享我们的流程和经验。

我们发现并验证了拥有一个突出团队、设计流程和文化的专门设计网站是确保我们的顶级设计人才认为 SendGrid 是他们能够发展事业的地方的关键组成部分。

我们可能有偏见，但 SendGrid 的文化非常令人难以置信。 sendgrid.design的另一个原因是主动“拉开帷幕”，让世界见证这种文化的行动。 您将与团队会面，阅读有关研究项目的故事，并了解 SendGrid 的设计师如何协同工作和运作。

什么是设计网站？

设计网站是分享和展示设计团队内部工作的好地方。 在 SendGrid 的案例中，UI/UX 团队有一个我们遵循的惊人流程来构建客户喜爱和重视的产品。 对我们来说，分享这些信息并讨论我们所吸取的教训（并将随着我们作为一个团队的不断成长而学习）是很重要的。

我们的团队充满了一些非常聪明的人，他们有惊人的成就可以分享。 我们拥有世界一流的风格指南、UI 组件库和品牌指南。 我们花了很多时间才到达我们现在的位置，并且有很多故事要分享。 这就是我们要做的！

过程：研究、设计、建造

在 SendGrid，我们将用户放在我们所做一切的中心，因此我们将其视为任何其他项目。 在规划这个sendgrid.design时，我们遵循了 SendGrid 自己用于创建用户体验的独特流程，称为 SendGrid 方式，并从研究开始。

团队采访了4位专业设计师，甚至进行了调查。 这很容易做到，只需要一个设计师几个小时的时间，但在研究阶段收集的信息和数据在决定设计和建造什么时非常宝贵。

研究：我们学到了什么

我们发现的信息非常有趣。 我们采访过的每一位设计师都认为，一个专门的设计网站对于了解公司如何重视设计至关重要。 这对我们的品牌来说是一个巨大的实现。

在 SendGrid，我们内部知道我们重视设计，因此找到与世界分享设计的最佳方式非常重要。 事实上，我们非常重视它，以至于我们在整个公司一直到我们的首席执行官 Sameer Dholakia 都得到了 100% 的支持。

当谈到网站的内容时，设计师认为以下几点是最重要的：

• 设计过程
• 时尚指南
• 技巧和窍门

这些内容主题被认为是最不重要的：

• 插图
• 设计趋势
• 原型工具

这个细节帮助团队优先考虑首先发布哪种类型的内容，以及我们可能最关注的内容类型。 我们有关于风格指南、我们的设计过程、我们的研究方法等的文章。

另一个重要的研究发现是，专业设计师和创意人员认为设计特定的网站在考虑与公司的新职业时非常重要。

设计：保持乐趣

在 SendGrid，每个团队都会完成一项参与度调查。 这是关于团队感觉如何以及他们对工作的投入程度的脉搏。 参与度调查产生的一个主题是，团队想要一个可以试验和享受乐趣的地方，例如专门的设计网站。 我们决定将这个想法融入黑客马拉松。

整个团队都参加了我们的季度黑客马拉松，这允许我们进行日常工作中通常不会发生的一些伟大的协作。 UI/UX 团队花了一整天的时间按下暂停按钮，每个人都提出了一个设计理念。 之后，团队举行了一次设计评论，讨论了每个设计的优缺点，然后投票选出了一个最喜欢的。

团队希望从我们的品牌中获得乐趣，但也想更多地探索它，并把它比在实际产品中可能实现的更远。 毕竟，这是一个冒险和试验的地方。

• 一位设计师使用定制设计的网格布局来显示内容块。 自定义网格是对 SendGrid 名称和徽标的一种发挥。
• 该团队还想扩展我们自己的标志的界限。 sendgrid.design 的标志是对流行设计工具中的填充和描边图标的致敬，同时也是 SendGrid 标志的轮廓。

构建：尝试新技术

团队在测试新工具和技术方面投入很大，sendgrid.design 将成为我们继续试验和分享学习成果的绝佳平台。 UI/UX 团队决定使用 Gatsby 来构建我们的网站。

这样我们就可以将最新技术用于现代网络。 我们对内容使用 Markdown，然后将其发送到 Gatsby 并翻译成您在浏览器中看到的 HTML 和 CSS。 React.js 被用作核心代码库，可实现闪电般的现代 Web 应用程序体验。

我们迫不及待地想看到 sendgrid.design 社区在未来数月乃至数年内发展壮大！ 准备好亲自检查了吗？ 前往sendgrid.design 。