sendgrid.designの紹介

公開: 2018-10-05

たぶん、あなたは私たちの受賞歴のあるAPIを介して重要なビジネスメールを送信する熱心なエンジニアです。 または、おそらく、あなたは時間に飢えたマーケティング担当者であり、マーケティングキャンペーンを使用して美しいターゲットを絞ったメッセージを作成して送信しています。 あなたは時々私たちのブログに立ち寄って、最新の素晴らしいコンテンツをブラッシュアップすることさえできます。 とにかく、確かなことが1つあります。それは、SendGridの情熱的な設計チームの便利な作業を見たことがあるということです。

次の強力な製品機能のためにピクセルをプッシュする場合でも、顧客の考え方や行動をよりよく理解するために顧客にインタビューする場合でも、最新のデザインに触発されたコミュニティイベントに飛び込む場合でも、優れたデザインは、グリッドで行うすべての中心です。

私たちの壁には紛れもなく情熱的なデザイン文化がありますが、私たちのデザインチームが洞察を自由に共有できる場所は、常に1つではありませんでした。率直に言って、私たちのデザインへの愛情は、1つのブランドの声としてより大きなデザインコミュニティと関わりながらです。今!

本日、UI / UXチームは、SendGridデザインチームが私たちの分野に関するストーリー、ケーススタディ、およびその他の関連コンテンツを投稿するためのクリエイティブな場所であるsendgrid.designの非常にエキサイティングな立ち上げを発表します。

SendGridのUI/UXチームは才能のある人々、つまりクレイジーな大きな問題に取り組むことに飢えている人々でいっぱいであり、チームはそれらのストーリーをより大きなコミュニティと共有したいと考えていました。

専用のデザインサイトは、それ自体がユニークなコンセプトではありません。 Uber Airbnb Atlassianなど、世界で最も尊敬されているデザインフォワードブランドのいくつかは、すべて同様のプロジェクトを立ち上げています。 デザインに焦点を当てた会社として、私たち自身の会社を立ち上げることは、私たちのデザインチームが作成することに非常に情熱を感じたものでした。

私たちのチーム、会社、ブランドにとって重要なのは、長年の経験から学んだ洞察が壁の中にとどまらないこと、そして私たちのプロセスと経験を他のデザイナーやチームと共有する場所があることです。

チーム、デザインプロセス、文化を強調する専用のデザインサイトを持つことは、SendGridがキャリアを成長させることができる場所であると私たちのトップデザインの才能が感じられるようにするための重要な要素であることを発見し、検証しました。

偏見があるかもしれませんが、SendGridにはかなり素晴らしい文化があります。 sendgrid.designのもう1つの理由は、積極的に「カーテンを引き戻す」ことであり、世界がその文化の実践を目撃できるようにすることです。 チームに会い、研究プロジェクトについての話を読み、SendGridの設計者がどのように協力して運営するかを学ぶことができます。

デザインサイトとは?

デザインサイトは、デザインチームの内部の仕組みを共有して提示するのに最適な場所です。 SendGridの場合、UI / UXチームには、顧客が愛し、価値のある製品を構築するためのすばらしいプロセスがあります。 この情報を共有し、私たちが学んだ教訓について話し合うことが重要です(そして私たちがチームとして成長し続けるにつれて学んでいきます)。

私たちのグループは、共有すべき驚くべき成果を持っているいくつかの非常に明るい心で満たされています。 ワールドクラスのスタイルガイド、UIコンポーネントライブラリ、およびブランドガイドラインがあります。 私たちがいる場所にたどり着くまでには多くの時間がかかり、共有すべきストーリーはたくさんあります。 これが私たちがそれをするところです!

プロセス:調査、設計、構築

ここSendGridでは、ユーザーをすべての作業の中心に置いているため、これを他のプロジェクトと同じように扱いました。 このsendgrid.designを計画するときは、SendGrid Wayと呼ばれる、ユーザーエクスペリエンスの作成に使用するSendGrid独自のプロセスに従い、調査を開始しました。

チームは4人のプロのデザイナーにインタビューし、調査も実施しました。 簡単に実行でき、数時間は1人の設計者の時間を必要としませんでしたが、調査段階で収集された情報とデータは、何を設計および構築するかを決定する際に非常に貴重でした。

調査:私たちが学んだこと

私たちが見つけた情報は本当に興味深いものでした。 私たちが話をしたすべてのデザイナーは、会社がデザインをどのように評価しているかを理解するために、専用のデザインWebサイトが重要であると感じました。 それは私たちのブランドにとって大きな実現です。

SendGridでは、デザインを大切にしていることを社内で知っていたため、それを世界と共有するための最良の方法を見つけることが非常に重要でした。 実際、私たちはそれを非常に高く評価しているため、CEOのSameer Dholakiaに至るまで、会社全体で100%のサポートを受けています。

サイトのコンテンツに関して、デザイナーは次のことが最も重要であると感じました。

  • 設計プロセス
  • スタイルガイド
  • ヒントとコツ

そして、これらのコンテンツの主題は最も重要性が低いと見なされていました。

  • イラスト
  • デザイントレンド
  • プロトタイピングツール

この詳細は、チームが最初に投稿するコンテンツの種類と、前進することに最も重点を置く可能性のあるコンテンツの種類に優先順位を付けるのに役立ちました。 スタイルガイド、デザインプロセス、調査方法などに関する記事があります。

もう1つの重要な調査結果は、企業での新しいキャリアを検討する際に、プロのデザイナーやクリエイティブがデザイン固有のWebサイトを非常に重要であると見なしていることです。

デザイン:楽しみましょう

SendGridでは、各チームがエンゲージメント調査を完了します。 これは、チームがどのように感じているか、そして彼らが仕事にどれほど従事しているかについての脈動です。 エンゲージメント調査から生まれたテーマの1つは、専用のデザインサイトなど、チームが実験して楽しむ場所を望んでいたことです。 そのアイデアをハッカソンに取り入れることにしました。

チーム全体が四半期ごとのハッカソンに参加します。これにより、通常は日常業務では行われない素晴らしいコラボレーションが可能になります。 UI / UXチームは、一時停止ボタンを押すのに丸1日かかり、全員がデザインコンセプトに欠けていました。 その後、チームはデザイン批評を行い、各デザインの長所と短所について話し合い、お気に入りに投票しました。

チームは私たちのブランドを楽しみたいと思っていましたが、実際の製品で可能であるよりももっと探求し、さらに進んでいきたいと考えていました。 結局のところ、これはリスクを冒して実験するための場所です。

  • あるデザイナーは、カスタムデザインのグリッドレイアウトを使用してコンテンツブロックを表示しました。 カスタムグリッドは、SendGridの名前とロゴの遊びです。
  • チームはまた、私たち自身のロゴの境界を広げたいと考えていました。 sendgrid.designのロゴは、人気のあるデザインツールにある塗りつぶしアイコンとストロークアイコンに賛成ですが、SendGridロゴのシルエットでもあります。

ビルド:新しいテクノロジーを試す

チームは新しいツールとテクノロジーのテストに多大な投資を行っており、sendgrid.designは、実験と学習の共有を継続するための優れたプラットフォームになります。 UI / UXチームは、Gatsbyを使用してサイトを構築することを決定しました。

このようにして、最新のWebに最新のテクノロジーを使用します。 コンテンツにはMarkdownを使用します。これは、Gatsbyに送られ、ブラウザーに表示されるHTMLとCSSに変換されます。 React.jsはコアコードベースとして使用され、非常に高速な最新のWebアプリエクスペリエンスを可能にします。

sendgrid.designコミュニティが今後数か月、数年で成長し、拡大するのを楽しみにしています。 自分でチェックする準備はできましたか? sendgrid.designに進んでください。