介紹 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 。