Corporate Merch mit menschlicher Benutzeroberfläche

Mein Name ist Alexander und ich arbeite als ehemaliger Entwickler für Windows Phone in 2GIS. Als ich zu Kirill, dem Leiter des Dienstes für mobile Anwendungen, ging und fragte: „Sagen Sie mir, Cyril, der Leiter des Dienstes für mobile Anwendungen, was sollte getan werden, um meinen Kollegen einen Corporate Merch im Namen von 2GIS vorzustellen?“ Cyril antwortete, dass 2GIS ein türkisfarbenes Unternehmen ist, was bedeutet, dass Sie die Initiative ergreifen müssen. Unter dem Schnitt - Produktgeschichte, Corporate T-Shirts, der Geist eines Startups, eine Manifestation der Initiative, viele Bilder und kein einziger Microservice.



Cyril versprach, dass er ein Budget dafür ausschöpfen kann, wenn ich eine geeignete Idee für einen Merch habe. Diejenigen, die Cyril sogar ein wenig kennen, haben keinen Zweifel daran, dass es wirklich ein Budget gibt, denn das Wort „Knock-out“ klingt ganz organisch aus seinen Lippen. Es blieb nur eine Idee. Mein primitives Gehirn, das im Rahmen der Unternehmenskultur arbeitet, reflektierte den folgenden Algorithmus.


Das heißt, es gab keine besonderen Optionen. Allerdings kann nicht jedes T-Shirt stolz als Corporate bezeichnet werden. Was macht es so? Das kleine Produkt in mir deutete schüchtern an, dass es eine solche Idee ist, nur das 2GIS-Logo auf einem T-Shirt zu betrachten. Deshalb habe ich mir ausgedacht, T-Shirts unserer Firmenhasen zu bedrucken. Sehen Sie, was die Kleinen sind. Es gibt viele verschiedene, so dass jeder Mitarbeiter seinen eigenen Favoriten auswählen kann.


Ich brauchte irgendwo, um die Quelle dieser Tiere zu finden, um sie auf T-Shirts zu drucken. Ich begann die Suchoperation, indem ich in die oberste Etage unseres Büros im multifunktionalen Komplex von Sun City ging , wo Designer mit Schriften im Darm des geräucherten Lofts spielten. Designer fanden alles und waren nicht einmal dagegen, Hasen zu teilen, aber die Marketingabteilung brach ein, was erneut daran erinnerte, dass das Leben keine einfache Sache ist. Es gab einen solchen Dialog mit der Marketingabteilung.


Die Leute von der Marketingabteilung bestanden darauf, dass zusätzlich zum Bild eine Art Unterschrift auf dem T-Shirt sein sollte. Zuerst war ich natürlich sehr verärgert - mein unkontrollierter Initiativimpuls wurde begrenzt und in eine Art Rahmen getrieben. Aber wie ein Bewunderer der Gebrüder Wright in engen Kreisen gerne sagt, müssen Ingenieure unter Zwangsbedingungen arbeiten. Nur ein eingeschränkter Ingenieur kann über seinen Kopf springen und ein cooles Produkt produzieren, das über die engen Wahrnehmungen seiner begrenzten Schöpfer hinausgeht. Und so geschah es.


Zunächst entwickelte sich aus einer einfachen Idee mit Hasen allmählich eine Funktion, mit der Sie die Größe und Farbe eines T-Shirts festlegen, ein Bild auswählen, eine Unterschrift bilden und die Bestellung senden können. Ich arbeite in einem mobilen Anwendungsdienst. Ich weiß nicht, wie ich das fand, aber mir kam die ursprüngliche Idee: eine mobile Anwendung zu schreiben - ein Designer von Firmen-T-Shirts. Also haben wir es getan. Wir sind ein 2gift-Team, ein Traumteam.



Ich dachte nach und skizzierte auf dem A4-Blatt das Anwendungslayout. Hier ist es.



Wie Sie vielleicht bemerkt haben, bin ich weit davon entfernt, ein Genie für das Prototyping zu sein, und im Laufe der jahrelangen Arbeit in der IT habe ich praktisch vergessen, wie man von Hand schreibt. Ich hatte jedoch den Mut, mit diesem Meisterwerk zu unserer Designerin Alice zu kommen und ihn zu bitten, eine coole Benutzeroberfläche zu erstellen. Alice, vielleicht aufgrund des Schocks, vielleicht aufgrund einer hohen Beschäftigung, verschwand für ungefähr eine Woche, kehrte aber mit Modellen zurück, die das gesamte Projekt auf ein ziemlich hohes Qualitätsniveau brachten.

Wir haben zwei Clients für beide mobilen Plattformen erstellt: iOS und Android. Weiter im Artikel wird es viele Screenshots geben. Ich habe ein iPhone und könnte Ihnen leicht Screenshots der Anwendung für iOS zeigen. Auf der anderen Seite hat Android mehr Benutzer, und viele von ihnen wissen, wo ich wohne ... Kurz gesagt, damit niemand beleidigt wird, wurden alle Screenshots in diesem Artikel unter Windows Phone erstellt.

Zunächst begrüßen wir den Benutzer und erklären ihm, was los ist. Alice sagte, es wurde Onboarding genannt.


Die unauffällige Schaltfläche „Nicht verstanden“, auf die nur wenige Personen geklickt haben, führt uns zu einer Seite mit einer detaillierten Beschreibung des Geschehens. Diese Seite wurde speziell für Personen erstellt, die in Kreditverträgen kleinen Text unter einem Sternchen lesen. Dort sagen wir, dass es nur ein T-Shirt gibt, das bestellt werden kann, nur für einen begrenzten Personenkreis. Das Angebot ist kein öffentliches Angebot und so weiter.

Nach dem Onboarding fahren wir mit dem Verfahren zur Identifizierung eines Mitarbeiters fort. Dies läuft darauf hinaus, dass Sie nur Ihr Team auswählen und sich dann selbst aus der Liste auswählen müssen. Wir haben versucht, niemanden zu vergessen und alle unsere Servicekollegen sorgfältig auf die Anwendung übertragen. Sie vergaßen nicht die Besitzerin des Büros, Svetlana, die die Sauberkeit überwacht, um zu beschwichtigen, falls wir plötzlich unsere Schuhe nicht wechseln und im Korridor mit Füßen treten sollten (Spoiler: es hat nicht geholfen).


Wir sind stolz darauf, dass dies das unsicherste Identifikationsverfahren der Welt ist. Zum Beispiel hindert Sie nichts daran, das Team eines anderen auszuwählen, den Mitarbeiter auszuwählen, den Sie mögen (oder nicht mögen), und ihm ein cooles T-Shirt zu bestellen. Oder nicht sehr cool. Wir dachten jedoch, dass Sie sich in unserem gemütlichen Büro in Akademgorodok, in dem sich alle kennen und mit den Füßen erreichen können, nicht um Geheimhaltung kümmern sollten und mögliche Vorfälle auf natürliche, sagen wir, Weise gelöst werden können. Infolgedessen stellte sich heraus, dass jeder ein ehrlicher Nyashi war und nur für sich selbst Bestellungen aufgab, uii!

Als nächstes wählen Sie die Größe des T-Shirts und des Tieres, die wir auf dieses T-Shirt drucken werden.


Für Mitarbeiter, die selten ihre Kleidung kaufen und daher eine schlechte Vorstellung von ihrer Größe haben, haben wir eine Testcharge grundlegender T-Shirts ins Büro gebracht und sie am Tag der „Veröffentlichung“ an der Rezeption zurückgelassen, was in der Anwendung bequem durch Klicken auf den unauffälligen Button „Ich kenne die Größe nicht“ gemeldet wurde ". Wir wählen das Zeichen aus 48 verfügbaren Optionen aus, indem wir nach links oder rechts wischen.

Wählen Sie als Nächstes die Signatur auf dem T-Shirt aus.


Die allererste Signatur wird generiert, nachdem der Benutzer das Smartphone geschüttelt hat. Die erste Unterschrift ist die wichtigste, sie hat viele Emotionen, so dass wir nicht zu faul waren und für jeden Mitarbeiter eine eigene, enge und liebe Formulierung gefunden haben. Wenn zum Beispiel der bedingte Rustam die GDPR in den letzten beiden Sprints unterstützt hat, wird er sich sicherlich freuen, seine Lieblingsabkürzung hier zu sehen.

Die Unterschrift kann geändert werden. Dies erfolgt entweder durch Schütteln des Smartphones oder manuell. Beim Schütteln wird die Signatur zufällig aus einer begrenzten Liste von Phrasen ausgewählt, die wir für lustig, absurd oder lustig hielten. Sätze wie "verstandene Benutzer" oder "realisierte Fristen" sind typische Vertreter dieser Liste. Bei manueller Auswahl sieht der Mitarbeiter eine vollständige Liste.

Jede Unterschrift besteht aus zwei Teilen. Das erste ist immer ein Verb. Zum Beispiel: Doge, gezogen, gerettet, gepumpt. Wir haben uns 26 solcher Optionen ausgedacht.


Der zweite Teil ist normalerweise ein Substantiv. Dies sind die Namen der Funktionen, an denen wir gearbeitet haben, oder nur etwas Abstraktes vom IT-Thema. Für den zweiten Teil haben wir 118 Optionen entwickelt. Da sich der erste und der zweite Teil der Phrase unabhängig voneinander ändern, erhalten wir 3068 Signaturoptionen - es gibt eine große Auswahl.

Ich beeile mich, Ihnen mitzuteilen, dass wir für die Gleichstellung der Geschlechter sind. Auf dem Signaturauswahlbildschirm konjugieren wir die Verben nach Geschlecht: Die Mitarbeiter sehen in der Anwendung „verschlüsselt“, „getestet“ und die Mitarbeiter „verschlüsselt“, „getestet“.

Am Ende zeichnen wir eine realitätsnahe Vorschau, wählen Sie bitte die Farbe des T-Shirts und bestätigen Sie die Bestellung.


Nachdem Sie auf die Schaltfläche "Was Sie brauchen" geklickt haben, warnen wir, dass das Ändern der Bestellparameter nicht mehr funktioniert. Wenn der Benutzer bestätigt, dass er die nachdenklichste und maßvollste Wahl in seinem Leben getroffen hat, geben wir eine Bestellung auf. Nach diesem Schritt kann mit der Anwendung nichts mehr getan werden, und bei wiederholten Besuchen wird dem Benutzer immer ein solcher Endbildschirm angezeigt.


Dieser Bildschirm wird gescrollt. Für eine Weile können Sie darauf klettern, wenn Sie die Anweisungen der Kollegen berücksichtigen.


Nachdem alle ihre Bestellungen aufgegeben hatten, luden wir die Daten herunter, darunter den Namen des Mitarbeiters, die Farbe und Größe des T-Shirts, sein Modell (männlich oder weiblich), die ID des Hasen, den wir auf das T-Shirt drucken werden, und den Unterschriftentext. Mit diesem wertvollen Wissen können Sie Layouts für den Druck vorbereiten.

Wir haben das gesamte Projekt für Mitarbeiter durchgeführt, die ein mittelgroßes Büro in der Nowosibirsk Academgorodok besetzen. Es gibt nicht sehr viele von uns, aber die Designerin zu zwingen, in ihrer Freizeit Layouts für den Druck zu zeichnen, ist immer noch ein wenig unmenschlich. Aus diesem Grund haben wir Code geschrieben, der die manuelle Arbeit von Alice automatisiert, und es ist uns gelungen, die Modelle programmgesteuert zu generieren.

Die Befehle erwiesen sich als sehr unterschiedlich, und natürlich war die Unterschrift der Höhepunkt ungezügelten Spaßes. Hier sind einige Beispiele.


Wie Sie sehen können, drückten sich die Menschen so gut sie konnten aus: Jemand beschrieb einen Tagesablauf, jemand gab Wunschdenken aus und jemand phantasierte offen.

Viele hatten es eilig, Lieblingsmerkmale zu bemerken, in die sie einen Teil von sich selbst investiert hatten.


Es war interessant zu beobachten, wie unterschiedlich sich die Jungs der Wahl näherten: Jemand nahm die erste verfügbare Option und jemand arbeitete mehrere Tage lang unentschlossen und war sich bis zum Ende immer noch nicht sicher.


Während der Arbeit an dem Projekt mussten wir uns ein wenig mit dem Themenbereich befassen.

Im Laufe der Evolution hat die Menschheit verschiedene Möglichkeiten erfunden, Bilder auf Kleidungsstücke anzuwenden. Die höchste Qualität und das lang anhaltende Ergebnis, das laut Wikipedia eine beeindruckende Versteckkraft besitzt , wird durch Siebdruck (Siebdruck) sichergestellt. Dieses Verfahren ist jedoch mit bestimmten technologischen Schwierigkeiten verbunden, wie dem Herstellen einer Schablone, dem Verdünnen von Farben und dergleichen. Wenn Sie allen Ihren Mitarbeitern die gleichen T-Shirts mit dem Logo Ihres Lieblingsunternehmens geben möchten, ist im Allgemeinen der Siebdruck Ihre Wahl.

Alle unsere T-Shirts sind einzigartig, daher ist Siebdruck für uns nicht die am besten geeignete Methode. Direkter Digitaldruck auf Stoff ist für uns besser geeignet. Der Nachteil ist, dass das auf diese Weise gedruckte Bild beim Waschen und unter dem Einfluss direkter Sonneneinstrahlung unweigerlich verblasst. Aber wenn Sie in Nowosibirsk leben und niemals Kleidung waschen, ist alles in Ordnung.

Wir haben eine Testreihe von T-Shirts gedruckt und festgestellt, dass der Druck auf schwarzen und farbigen Stoffen in Technologie und Endergebnis sehr unterschiedlich ist. Sie können nicht einfach ein Bild auf ein schwarzes T-Shirt aufnehmen und drucken - die Farben werden vom Stoff absorbiert und sind nicht sichtbar. Für schwarze T-Shirts haben sich erfinderische Menschen daher einen Life-Hack ausgedacht: Zuerst wird ein weißer Hintergrund gedruckt, und dann wird die Zeichnung selbst darauf gedruckt. Aufgrund der hohen Schichtdicke unterscheidet sich der Stoff mit einem Muster sehr stark von dem Stoff ohne Muster, und das Muster selbst verhält sich beim Dehnen nicht sehr gut.


Es ist möglich, weiße, graue oder farbige T-Shirts ohne weißen Hintergrund zu bedrucken: Das Bild fühlt sich nicht vom Stoff selbst an und erstreckt sich normalerweise.

Darüber hinaus haben wir festgestellt, dass der Drucker die weiße Farbe in der Hardware ignorieren kann. Das heißt, wenn wir ohne weißen Hintergrund drucken möchten, müssen Sie nicht alle weißen Farben aus dem Layout entfernen.


Wie Sie auf dem Foto sehen können, befindet sich die im Layout vorhandene weiße Farbe nicht auf dem grauen T-Shirt.


Das gesamte Projekt vom Moment der Idee bis zur Veröffentlichung der Anwendung dauerte zwei Monate. Während dieser Zeit hielten wir uns aktiv geheim, unterhielten uns in einem geschlossenen Chatraum in Slaka, versteckten uns vor unseren Verhandlungskollegen, führten eine Designprüfung im Kleiderschrank durch und schliefen sehr wenig. Jetzt, wo es vorbei ist, können Sie ein wenig ausatmen und reflektieren.

Für mich persönlich ist diese ganze Geschichte eine großartige Gelegenheit, mich bei meinen Kollegen zu bedanken, auf meine eigene Weise bei wunderbaren Menschen, mit denen ich auf engstem Raum im Büro eine gute Hälfte meines bewussten Lebens verbringe. Außerdem war es sehr interessant, mich nicht als Programmierer zu versuchen, wie es mir normalerweise passiert, sondern als Projekt / Produkt. Von dieser Position aus sehen Sie viele Dinge anders.

Für Sie, wie es mir scheint, ist dies ein guter Grund zu der Annahme, dass alles möglich ist, und überall gibt es einen Ort für Fiktion, Humor und Kreativität - ob es sich um das Schreiben von Artikeln über Habr, Merchandising oder andere Aktivitäten handelt. Jeder von Ihnen kann die Ideen aus diesem Artikel entwickeln und zu Hause anwenden. Dabei spielt es keine Rolle, ob es sich um eine Website zum Drucken von Marken-T-Shirts, ein Konsolendienstprogramm zum Nähen von Unternehmenssocken oder etwas anderes handelt. Die Hauptsache ist, sich dem Geschäft mit der Seele zu nähern und unauslöschliches Vergnügen zu erhalten.