Merch d'entreprise avec interface utilisateur humaine

Je m'appelle Alexander et je travaille en tant qu'ancien développeur pour Windows Phone dans 2GIS. Une fois, je suis allé voir Kirill, le chef du service des applications mobiles, et j'ai demandé: «Dites-moi, Cyril, chef du service des applications mobiles, que faut-il faire pour présenter un produit d'entreprise au nom de 2GIS à mes collègues?» Cyril a répondu que 2GIS est une entreprise turquoise, ce qui signifie que vous devez prendre l'initiative. Under the cut - l'histoire du produit, les T-shirts d'entreprise, l'esprit d'une startup, une manifestation d'initiative, beaucoup de photos et pas un seul microservice.



Cyril a promis que si je trouvais une idée appropriée pour un merch, il serait en mesure d'éliminer un budget pour cela. Ceux qui connaissent même un peu Cyril, ne doutent pas qu'il y ait vraiment un budget, car le mot «KO» sonne tout naturellement de ses lèvres. Il ne restait plus qu'à trouver une idée. Mon cerveau primitif, travaillant dans le cadre de la culture d'entreprise, a réfléchi sur l'algorithme suivant.


Autrement dit, il n'y avait pas beaucoup d'options. Cependant, tous les T-shirts ne peuvent pas être fièrement appelés entreprise. Qu'est-ce qui le rend ainsi? Le petit produit à l'intérieur de moi a laissé entendre timidement que juste regarder le logo 2GIS sur un T-shirt est une telle idée. Par conséquent, j'ai créé l'impression sur des t-shirts de nos lièvres d'entreprise . Voyez ce que sont les petits. Il en existe de nombreux différents, afin que chaque employé puisse choisir son propre favori.


J'avais besoin d'un endroit pour trouver la source de ces animaux afin de les imprimer sur des T-shirts. J'ai commencé l'opération de recherche en montant au dernier étage de notre bureau dans le complexe multifonctionnel de Sun City , où des designers ont joué avec des polices dans les entrailles du loft fumé. Les créateurs ont tout trouvé, ils n'étaient même pas contre le partage de lapins, mais le service marketing a fait irruption, ce qui a rappelé une fois de plus que la vie n'est pas chose facile. Il y avait un tel dialogue avec le service marketing.


Les gars du département marketing ont insisté pour qu'il y ait une sorte de signature sur le t-shirt, en plus de la photo. Au début, j'étais, bien sûr, très bouleversé - mon élan incontrôlé d'initiative a commencé à être limité et conduit dans une sorte de cadre. Mais, comme aime à le dire un admirateur des frères Wright dans des cercles étroits, les ingénieurs doivent travailler dans des conditions de contrainte. Seul un ingénieur contraint peut sauter au-dessus de sa tête, produisant un produit cool qui va au-delà des perceptions étroites de ses créateurs limités. Et c'est arrivé.


Initialement, une idée simple avec des lièvres est progressivement devenue une fonctionnalité qui vous permet de définir la taille et la couleur d'un T-shirt, de sélectionner une image, de former une signature et d'envoyer la commande. Je travaille dans un service d'application mobile; Je ne sais pas comment j'ai pensé à cela, mais l'idée originale m'est venue à l'esprit: écrire une application mobile - un créateur de T-shirts d'entreprise. Nous l'avons donc fait. Nous sommes une équipe de 2 cadeaux, une équipe de rêve.



J'ai réfléchi et sur la feuille A4 j'ai esquissé la disposition de l'application. Ça y est.



Comme vous l'avez peut-être remarqué, je suis loin d'être un génie du prototypage et au fil des années de travail en informatique, j'ai pratiquement oublié comment écrire à la main. Cependant, j'ai eu le courage de venir avec ce chef-d'œuvre à notre designer Alice et de lui demander de faire une interface utilisateur cool. Alice, peut-être du choc, peut-être d'un emploi élevé, a disparu pendant environ une semaine, mais est revenue avec des maquettes qui ont placé l'ensemble du projet sur un niveau de qualité assez élevé.

Nous avons créé deux clients pour les deux plates-formes mobiles: iOS et Android. Plus loin dans l'article, il y aura de nombreuses captures d'écran. J'ai un iPhone et je pourrais facilement vous montrer des captures d'écran de l'application pour iOS. D'un autre côté, Android a plus d'utilisateurs, et beaucoup d'entre eux savent où j'habite ... Bref, pour que personne ne soit offensé, toutes les captures d'écran de cet article ont été faites sous Windows Phone.

Tout d'abord, nous saluons l'utilisateur et lui expliquons ce qui se passe. Alice a dit que cela s'appelait onboarding.


Le bouton discret «ne comprenait pas», sur lequel peu de personnes ont cliqué, nous amène à une page avec une description détaillée de ce qui se passe. Cette page a été spécialement conçue pour les personnes qui lisent un petit texte sous un astérisque dans les accords de prêt. Là, nous disons qu'il n'y a qu'un seul t-shirt qui peut être commandé, uniquement pour un cercle restreint de personnes, l'offre n'est pas une offre publique et tout comme ça.

Après l'intégration, nous procédons à la procédure d'identification d'un employé, qui se résume au fait qu'il vous suffit de choisir votre équipe, puis de vous sélectionner dans la liste. Nous avons essayé de n'oublier personne et avons soigneusement transféré tous nos collègues de service à l'application. Ils n’ont pas oublié le propriétaire du bureau, Svetlana, qui surveille la propreté, afin d’apaiser au cas où nous n’aurions pas soudainement changé nos chaussures et piétiné dans le couloir (spoiler: cela n’a pas aidé).


Nous déclarons fièrement qu'il s'agit de la procédure d'identification la moins sûre au monde. Par exemple, rien ne vous empêche de choisir l'équipe de quelqu'un d'autre, de choisir l'employé que vous aimez (ou n'aimez pas) et de lui commander un T-shirt sympa. Ou pas très cool. Mais nous avons pensé que dans notre bureau confortable à Akademgorodok, où tout le monde se connaît et peut se rejoindre avec les pieds, vous ne devriez pas vous soucier du secret, et les incidents possibles seront résolus de manière naturelle, disons. En conséquence, tout le monde s'est avéré être un nyashi honnête et n'a passé commande que pour lui-même, uii!

Ensuite, sélectionnez la taille du T-shirt et de la bête, que nous imprimerons sur ce T-shirt.


Pour les employés qui achètent rarement leurs vêtements et ont donc une mauvaise idée de leur taille, nous avons apporté au bureau un lot de test de T-shirts basiques et les avons laissés à la réception le jour de la «sortie», ce qui a été commodément signalé dans l'application en cliquant sur le bouton discret «Je ne connais pas la taille ". Nous sélectionnons le personnage parmi 48 options disponibles en faisant glisser vers la gauche ou la droite.

Ensuite, sélectionnez la signature qui sera sur le T-shirt.


La toute première signature est générée après que l'utilisateur a secoué le smartphone. La première signature est la plus importante, elle a beaucoup d'émotions, donc nous n'étions pas trop paresseux et pour chaque employé nous avons trouvé notre propre phrase, proche et chère. Par exemple, si Rustam conditionnel s'est engagé à soutenir le RGPD pour les deux derniers sprints, il sera certainement heureux de voir son abréviation préférée ici.

La signature peut être modifiée. Cela se fait soit en secouant le smartphone, soit manuellement. En secouant, la signature est choisie au hasard dans une liste limitée de phrases que nous avons trouvées drôles, absurdes ou drôles. Des expressions comme «utilisateurs compris» ou «délais réalisés» sont des représentants typiques de cette liste. Avec une sélection manuelle, l'employé voit une liste complète.

Chaque signature se compose de deux parties. Le premier est toujours un verbe. Par exemple: Doge, traîné, sauvé, pompé. Nous avons proposé 26 de ces options.


La deuxième partie est généralement un substantif. Ce sont les noms des fonctionnalités sur lesquelles nous avons travaillé, ou simplement quelque chose d'abstrait du thème informatique. Pour la deuxième partie, nous avons proposé 118 options. Étant donné que les première et deuxième parties de la phrase changent indépendamment l'une de l'autre, nous avons 3068 options de signature - il y a beaucoup de choix.

Je m'empresse de vous informer que nous sommes pour l'égalité des sexes, donc sur l'écran de sélection de signature, nous conjuguons les verbes par sexe: les employés verront «encodé», «testé» dans l'application, et les employés «encodé», «testé».

À la fin, nous dessinons un aperçu qui est proche de la réalité, veuillez sélectionner la couleur du T-shirt et confirmer la commande.


Après avoir cliqué sur le bouton «Ce dont vous avez besoin», nous avertissons que la modification des paramètres de commande ne fonctionnera plus, et si l'utilisateur confirme qu'il a fait le choix le plus réfléchi et le plus mesuré de sa vie, nous passons une commande. Après cette étape, rien d'autre ne peut être fait avec l'application, et lors de visites répétées, l'utilisateur verra toujours un tel écran final.


Cet écran défilera. Pendant un moment, vous pouvez y grimper, compte tenu des ordres de collègues.


Après que chacun ait passé sa commande, nous avons téléchargé les données, qui comprenaient le nom de l'employé, la couleur et la taille du T-shirt, son modèle (masculin ou féminin), l'ID du lièvre que nous imprimerons sur le T-shirt et le texte de la signature. Avec ces connaissances précieuses, vous pouvez commencer à préparer des mises en page pour l'impression.

Nous avons réalisé l'ensemble du projet pour les employés occupant un bureau de taille moyenne à Novosibirsk Academgorodok. Nous ne sommes pas très nombreux, mais forcer la créatrice à dessiner des mises en page pour l'impression pendant son temps libre est encore un peu inhumain. Par conséquent, nous avons écrit du code qui automatise le travail manuel d'Alice et nous avons réussi à générer les maquettes par programmation.

Les ordres se sont avérés très différents, et bien sûr, la signature était l'apogée d'un plaisir effréné. Voici quelques exemples.


Comme vous pouvez le voir, les gens se sont exprimés du mieux qu'ils pouvaient: quelqu'un a décrit une routine quotidienne, quelqu'un a fait des vœux pieux et quelqu'un a ouvertement fantasmé.

Beaucoup étaient pressés de noter les fonctionnalités préférées dans lesquelles ils investissaient une partie d'eux-mêmes.


Il était intéressant d'observer à quel point les gars abordaient le choix différemment: quelqu'un a pris la première option disponible, et quelqu'un a travaillé dur dans l'indécision pendant plusieurs jours et n'était toujours pas sûr jusqu'à la fin.


Dans le processus de travail sur le projet, nous avons été obligés de plonger un peu dans le sujet.

Au cours de l'évolution, l'humanité a inventé plusieurs façons d'appliquer des images aux vêtements. La qualité la plus élevée et le résultat durable, qui, selon Wikipedia, a un pouvoir masquant impressionnant , sont assurés par la sérigraphie (sérigraphie). Cependant, cette méthode est associée à certaines difficultés technologiques, telles que la préparation d'un pochoir, la dilution de peintures et similaires. En général, si vous souhaitez donner à tous vos employés les mêmes t-shirts avec le logo de votre entreprise préférée, la sérigraphie est votre choix.

Tous nos t-shirts sont uniques, la sérigraphie n'est donc pas le moyen le plus approprié pour nous. L'impression numérique directe sur tissu nous convient mieux. L'inconvénient est que l'image ainsi imprimée, pendant le lavage et sous l'influence de la lumière directe du soleil, s'estompe inévitablement. Mais si vous vivez à Novossibirsk et que vous ne lavez jamais de vêtements, tout ira bien.

Nous avons imprimé un lot test de T-shirts et réalisé que l'impression sur des tissus noirs et colorés est très différente dans la technologie et le résultat final. Vous ne pouvez pas simplement prendre et imprimer une photo sur un T-shirt noir - les couleurs sont absorbées par le tissu et ne seront pas visibles. Par conséquent, pour les t-shirts noirs, les gens inventifs ont imaginé un hack de vie: d'abord, un support blanc est imprimé, puis le dessin lui-même est imprimé dessus. En raison de l'épaisseur élevée de la couche, le tissu avec un motif au toucher est très différent du tissu sans motif, et le motif lui-même ne se comporte pas très bien lorsqu'il est étiré.


Il est possible d'imprimer sur des T-shirts blancs, gris ou couleur sans support blanc: l'image au toucher est indiscernable du tissu lui-même et s'étire normalement.

De plus, nous avons découvert que l'imprimante peut ignorer la couleur blanche dans le matériel. Cela signifie que si nous voulons imprimer sans support blanc, alors, hourra, il n'est pas nécessaire de supprimer toutes les couleurs blanches de la mise en page.


Comme vous pouvez le voir sur la photo, la couleur blanche présente dans la mise en page n'est pas sur le t-shirt gris.


L'ensemble du projet, du moment de l'idée à la sortie de l'application, a duré deux mois. Pendant ce temps, nous avons activement gardé le secret, parlé dans une salle de discussion fermée à Slaka, caché à nos collègues de négociation, effectué une revue de conception dans l'armoire et dormi très peu. Maintenant que c'est fini, vous pouvez expirer et réfléchir un peu.

Pour moi personnellement, toute cette histoire est une excellente occasion de dire merci à mes collègues, à ma manière des gens merveilleux, avec qui je suis dans l'espace confiné du bureau une bonne moitié de ma vie consciente. De plus, c'était très intéressant de m'essayer non pas en tant que programmeur, comme cela m'arrive généralement, mais en tant que projet / produit. De cette position, vous commencez à regarder les choses différemment.

Pour vous, il me semble, c'est une bonne raison de penser que tout est possible, et partout il y a de la place pour la fiction, l'humour et la créativité - qu'il s'agisse d'écrire des articles sur Habr, du merchandising ou de toute autre activité. Chacun de vous peut développer les idées de cet article et les appliquer à la maison. Et peu importe qu'il s'agisse d'un site Web pour l'impression de T-shirts de marque, d'un utilitaire de console pour coudre des chaussettes d'entreprise ou autre chose. L'essentiel est d'aborder les affaires avec l'âme et de recevoir un plaisir indélébile.