Vorstellung von sendgrid.design

Veröffentlicht: 2018-10-05

Vielleicht sind Sie ein begeisterter Techniker, der wichtige geschäftliche E-Mails über unsere preisgekrönten APIs versendet. Oder vielleicht sind Sie ein zeithungriger Vermarkter, der mithilfe von Marketingkampagnen schöne, zielgerichtete Nachrichten erstellt und versendet. Sie können sogar von Zeit zu Zeit in unserem Blog vorbeischauen, um sich über die neuesten großartigen Inhalte zu informieren. Unabhängig davon ist eines sicher: Sie haben die praktische Arbeit des leidenschaftlichen Designteams von SendGrid gesehen.

Ob wir Pixel für die nächste leistungsstarke Produktfunktion pushen, Kunden befragen, um besser zu verstehen, wie sie denken und handeln, oder in das neueste designinspirierte Community-Event eintauchen, großartiges Design steht im Mittelpunkt von allem, was wir hier bei The Grid tun.

Obwohl es innerhalb unserer Mauern eine unverkennbar leidenschaftliche Designkultur gibt, gab es nicht immer einen einzigen Ort, an dem unser Designteam Einblicke und, ehrlich gesagt, unsere Liebe zum Design teilen und gleichzeitig mit der größeren Design-Community als eine Markenstimme zusammenarbeiten konnte – bis jetzt!

Heute gibt das UI/UX-Team den sehr aufregenden Start von sendgrid.design bekannt , einem kreativen Ort für das SendGrid-Designteam, um Geschichten, Fallstudien und andere relevante Inhalte zu unserem Bereich zu veröffentlichen.

Das UI/UX-Team bei SendGrid ist voller talentierter Leute – Leute, die hungrig sind, verrückte große Probleme anzugehen – und das Team wollte diese Geschichten mit der größeren Community teilen.

Eine dedizierte Design-Website ist an und für sich kein einzigartiges Konzept. Einige der angesehensten Design-Forward-Marken der Welt, wie Uber , Airbnb und Atlassian , haben alle ähnliche Projekte gestartet. Als designorientiertes Unternehmen war die Einführung eines eigenen Produkts etwas, das unser Designteam mit großer Leidenschaft erstellte.

Für unser Team, unser Unternehmen und unsere Marke ist es wichtig, dass die Erkenntnisse, die wir aus jahrelanger Erfahrung gewonnen haben, nicht in unseren Mauern bleiben und dass wir einen Ort haben, an dem wir unseren Prozess und unsere Erfahrungen mit anderen Designern und Teams teilen können.

Wir haben festgestellt und bestätigt, dass eine dedizierte Design-Website, die das Team, den Designprozess und die Kultur hervorhebt, eine entscheidende Komponente ist, um sicherzustellen, dass unsere Top-Designer das Gefühl haben, dass SendGrid der Ort ist, an dem sie ihre Karriere vorantreiben können.

Wir mögen voreingenommen sein, aber SendGrid hat eine ziemlich unglaubliche Kultur. Ein weiterer Grund für sendgrid.design ist es, proaktiv „den Vorhang zurückzuziehen“ und es der Welt zu ermöglichen, diese Kultur in Aktion zu erleben. Sie lernen das Team kennen, lesen Geschichten über Forschungsprojekte und erfahren, wie Designer bei SendGrid zusammenarbeiten und arbeiten.

Was ist eine Design-Website?

Eine Design-Website ist ein großartiger Ort, um die inneren Abläufe eines Designteams zu teilen und zu präsentieren. Im Fall von SendGrid hat das UI/UX-Team einen erstaunlichen Prozess, dem wir folgen, um Produkte zu entwickeln, die Kunden lieben und schätzen. Es ist wichtig für uns, diese Informationen zu teilen und die Lektionen zu diskutieren, die wir gelernt haben (und lernen werden, wenn wir als Team weiter wachsen).

Unsere Gruppe ist gefüllt mit einigen extrem klugen Köpfen, die erstaunliche Errungenschaften zu teilen haben. Wir haben einen erstklassigen Styleguide, eine UI-Komponentenbibliothek und Markenrichtlinien. Es hat viel gedauert, um dorthin zu gelangen, wo wir jetzt sind, und es gibt viele Geschichten zu erzählen. Hier machen wir das!

Der Prozess: Recherchieren, designen, bauen

Hier bei SendGrid stellen wir den Benutzer in den Mittelpunkt von allem, was wir tun, also haben wir es wie jedes andere Projekt behandelt. Bei der Planung dieses sendgrid.designs folgten wir dem einzigartigen Prozess von SendGrid, den wir zum Erstellen von Benutzererfahrungen verwenden, genannt SendGrid Way, und begannen mit der Recherche.

Das Team hat 4 professionelle Designer interviewt und sogar eine Umfrage durchgeführt. Es war einfach durchzuführen und erforderte nicht mehr als die Zeit eines Designers für ein paar Stunden, aber die Informationen und Daten, die während der Forschungsphase gesammelt wurden, waren von unschätzbarem Wert bei der Entscheidung, was entworfen und gebaut werden sollte.

Forschung: Was wir gelernt haben

Die Informationen, die wir gefunden haben, waren wirklich interessant. Jeder Designer, mit dem wir gesprochen haben, war der Meinung, dass eine spezielle Design-Website entscheidend ist, um zu verstehen, wie das Unternehmen Design schätzt. Das ist eine große Erkenntnis für unsere Marke.

Bei SendGrid wussten wir intern, dass wir Design schätzen, daher war es wirklich wichtig, den besten Weg zu finden, dies mit der Welt zu teilen. Tatsächlich schätzen wir es so sehr, dass wir im gesamten Unternehmen bis hin zu unserem CEO, Sameer Dholakia, zu 100 % unterstützt werden.

In Bezug auf den Inhalt der Website waren die Designer der Meinung, dass Folgendes am wichtigsten war:

  • Designprozess
  • Gestaltungsrichtlinie
  • Tipps und Tricks

Und diese inhaltlichen Themen wurden als am wenigsten wichtig angesehen:

  • Illustrationen
  • Designtrends
  • Prototyping-Tools

Dieses Detail half dem Team, Prioritäten zu setzen, über welche Art von Inhalten zuerst gepostet werden sollte und auf welche Arten von Inhalten wir uns am ehesten konzentrieren können. Wir haben Artikel über Styleguides, unseren Designprozess, unsere Forschungsmethoden und mehr.

Ein weiteres wichtiges Forschungsergebnis war, dass eine designspezifische Website von professionellen Designern und Kreativen als sehr wichtig angesehen wird, wenn sie eine neue Karriere in einem Unternehmen in Betracht ziehen.

Design: Macht Spaß

Bei SendGrid füllt jedes Team eine Engagement-Umfrage aus. Dies ist ein Puls dafür, wie sich das Team fühlt und wie engagiert es bei der Arbeit ist. Ein Thema, das sich aus der Engagement-Umfrage ergab, war, dass das Team einen Ort zum Experimentieren und Spaß haben wollte, wie z. B. eine spezielle Design-Website. Wir beschlossen, diese Idee in einen Hackathon zu integrieren.

Das gesamte Team nimmt an unserem vierteljährlichen Hackathon teil, der eine großartige Zusammenarbeit ermöglicht, die normalerweise in unserer täglichen Arbeit nicht stattfindet. Das UI/UX-Team brauchte einen ganzen Tag, um die Pause-Taste zu drücken, und alle haben ein Designkonzept eingebracht. Anschließend führte das Team eine Designkritik durch und diskutierte die Vor- und Nachteile jedes Designs und stimmte dann über einen Favoriten ab.

Das Team wollte Spaß mit unserer Marke haben, sie aber auch mehr erforschen und weiter vorantreiben, als es mit dem eigentlichen Produkt möglich wäre. Schließlich ist dies ein Ort, um Risiken einzugehen und zu experimentieren.

  • Ein Designer verwendete ein benutzerdefiniertes Rasterlayout, um Inhaltsblöcke anzuzeigen. Das benutzerdefinierte Raster ist eine Anspielung auf den Namen und das Logo von SendGrid.
  • Das Team wollte auch die Grenzen unseres eigenen Logos erweitern. Das Logo von sendgrid.design ist eine Anspielung auf die Füll- und Strichsymbole beliebter Designtools, ist aber auch die Silhouette des SendGrid-Logos.

Bauen: Probieren Sie neue Technologien aus

Das Team ist sehr daran interessiert, neue Tools und Technologien zu testen, und sendgrid.design wird eine großartige Plattform für uns sein, um weiter zu experimentieren und unsere Erkenntnisse zu teilen. Das UI/UX-Team hat sich entschieden, Gatsby zum Erstellen unserer Website zu verwenden.

Auf diese Weise würden wir die neueste Technologie für ein modernes Web verwenden. Wir verwenden Markdown für den Inhalt, der dann an Gatsby geht und in das HTML und CSS übersetzt wird, das Sie im Browser sehen. React.js wird als zentrale Codebasis verwendet und ermöglicht ein blitzschnelles, modernes Web-App-Erlebnis.

Wir können es kaum erwarten, die sendgrid.design-Community in den kommenden Monaten und Jahren wachsen und erweitern zu sehen! Bereit, es selbst zu überprüfen? Gehen Sie weiter zu sendgrid.design .