Wie ich mit einem Pixel 1.000 Dollar verloren habe

Dies ist die Geschichte, wie ein Kunde mich dazu brachte, 1.000 US-Dollar zu verlieren, weil ich Sachen um 1 Pixel verschob. Es hat meine Karriere verändert und ich habe nie darum gebeten, das Geld zurückzuwetten. Es hat mir auch etwas darüber erzählt, wie sich die Webentwicklung verändert und wie wir uns an diese Veränderungen anpassen können.

Damals leitete ich eine Social-Media-Agentur. Neben der Führung von Social-Media-Konten mit einem hauseigenen hochmodernen System veranstalteten wir auch Wettbewerbe und erstellten kleine Marketing-Apps für unsere Kunden.

Manchmal kam ein Kunde ohne Ahnung, also haben wir eine App von Grund auf entworfen. Nur selten hatten wir Kunden, die fertige Designs für die Entwicklung einer Marketing-App vorlegten.

Normalerweise folgte ich dem Entwurf locker, um ihn an das Budget des Kunden anzupassen. Alle waren zufrieden, die Wettbewerbe waren erfolgreich und haben unseren Kunden viele neue Follower und eine breite Markenbekanntheit beschert.

Es war der Beginn der sozialen Medien und im Vergleich zu heute war es recht einfach, Kunden mit organischen Aktivitäten zu erreichen.

Mein Leben als Webentwickler war also recht angenehm. Bis dieser eine Kunde hereinkam. Er wollte keinen Wettbewerb veranstalten. Er wollte eine Newsletter-Abonnementseite auf seinem Social-Media-Konto haben.

Ich werde den Namen der Social-Media-Plattform nicht nennen, aber damals war es möglich, mit HTML, CSS und JS eine Unterseite auf Ihrer Social-Media-Seite zu erstellen.

Das von mir für die Aufgabe ausgehandelte Budget war angemessen; Der Kunde hat es akzeptiert. Ich hatte genug Zeit, die Bestellung ohne Eile auszuführen.

Habe ich vergessen zu erwähnen? Er brachte sein eigenes Design für die Newsletter-Seite mit. Es war wunderschön und auffällig und übertraf um Längen die damalige Idee, Apps zu vermarkten.

Für mich hat es die Aufgabe erleichtert, da ich nur noch die Seite verfassen und zu anderen Aufgaben übergehen musste. Nach zwei Tagen voller anderer Aufgaben stellte ich die Landingpage fertig und schickte sie zufrieden mit den Ergebnissen an den Kunden.

Aber der Kunde teilte meine Begeisterung nicht. Er sagte mir, dass die Landingpage vom Design abweiche. Nun ja, das tat es. Das Design war nur eine Inspiration und ich habe einfach alles mehr oder weniger an der richtigen Stelle platziert.

Ich dachte, ok, ich werde es einfach noch mehr anpassen. Bewegen Sie eine Schaltfläche nach links, ein Bild nach oben usw. Für mich war das ganz normal, denn selbst wenn man eine perfekte Lösung erarbeitete, verlangten manche Kunden oft nach Änderungen.

Dies ist ein natürlicher und wichtiger Schritt, da er dem Kunden das Gefühl der Teilnahme und Zufriedenheit darüber gibt, etwas zu haben, was er möchte.

Nach einigen weiteren Tagen habe ich die Newsletter-Landingpage angepasst und an den Kunden gesendet. Nach einer Stunde erhielt ich die Antwort: „Es ist immer noch schief.“

Für mich war es enttäuschend, denn die Umsetzung war *fast* eine perfekte Darstellung des bereitgestellten Designs und mir ging das Budget für dieses Projekt aus.

Zu diesem Zeitpunkt beschloss ich, einen Screenshot der Implementierung zu erstellen und ihn über das Design in der Paint.NET-App zu legen. Es stellte sich heraus, dass die Implementierung zwar dem Design ähnelte, die Elemente jedoch in verschiedene Richtungen Pixel vom Design entfernt waren.

Bis zu diesem Zeitpunkt in meinem Leben war ich ziemlich zufrieden damit, keine Pixelunterschiede zu sehen. Ich war frustriert. Aber ich wollte diese Aufgabe, die ich übernommen habe, unbedingt zu Ende bringen. Also habe ich weiter an diesem Projekt gearbeitet. Insgesamt habe ich das Budget durch mehrere zusätzliche Stunden um 300 $ überschritten.

Diesmal wähle ich einen anderen Ansatz. Ich habe nicht versucht, die Implementierung anzupassen. Ich habe gerade Elemente verschoben, sodass sie zu 100 % zum Design in Paint.NET passen. Es war meine erste pixelgenaue Implementierung.

In meinem Kopf kämpfte ich zwischen „Es macht keinen Sinn“ und „Lass es uns ausprobieren.“ Endlich konnte ich die neue Version an den Kunden senden. Sobald es pixelgenau war, akzeptierte der Kunde das Ergebnis.

Ich hatte vor, sofort mit der nächsten Aufgabe fortzufahren, aber ich war neugierig. Was war der Unterschied? Ich habe zwei Paint.NET-Apps nebeneinander geöffnet, um meine erste Implementierung und die pixelgenaue zu vergleichen.

Was mein eher vielseitiges, technisches Auge sah, war erstaunlich. Meine erste Implementierung sah hässlich aus! Ich hatte es noch nie zuvor gesehen und dachte, dass dieser Unterschied von 2–3 Pixeln keinen Einfluss auf die Wahrnehmung hatte. Aber da war ich und schaute mit miesem Auge auf den Newsletter „Mona Lisa“.

Ich wollte dem Kunden zunächst diesen Unsinn mit Pixeln in Rechnung stellen. Da ich jedoch gerade etwas äußerst Wichtiges lernte, berechnete ich ihm nur einen Grundpreis.

Dieser Moment und dieser Kunde festigten meine Transformation vom Frontend-Entwickler zum Designentwickler. Seitdem habe ich mit vielen Designern, Kunden und Frontend-Entwicklern zusammengearbeitet.

Nicht jeder erwartet pixelgenaue Umsetzungen. Es ist nicht immer notwendig und finanziell nicht immer sinnvoll. Aber manchmal ist es so, vor allem, wenn man Kunden anlocken möchte.

Gute Designs ziehen die Blicke der Menschen auf sich. Gute Designs verbergen sich in dem 1 Pixel, das Sie Ihrem CSS-Blatt hinzugefügt haben.

Um sich auf solche Themen konzentrieren zu können, müssen Sie die technischen Aspekte Ihrer Software klären. Damit mehr Aufwand in die Marketing-, Geschäfts- und Erlebnisaspekte Ihres E-Commerce-Shops oder Ihrer App gesteckt werden kann.

Deshalb gefällt mir, was Elastic Path bietet. Es ist ein Unternehmen, das den Wettbewerb sponsert, an dem ich mit diesem Artikel teilnehme. Sie bieten alle operativen Funktionalitäten, die Sie zum Einrichten mehrerer E-Commerce-Sites benötigen.

Als Entwickler finde ich die Idee toll, weil ich mich lieber auf die Geschäftsanforderungen konzentriere als auf die Pflege und Entwicklung von Produktkatalogen, Zahlungssystemen usw. Sie bieten eine benutzerfreundliche API, die Sie einfach in Ihren neuen E-Commerce-Standort einbinden können .

Wenn Ihnen der Artikel gefällt, klicken Sie bitte auf das Herzsymbol, kommentieren Sie ihn und teilen Sie ihn in den sozialen Medien. Prost!