Wie wir in einer Woche von der Idee zum Produkt gekommen sind

>

Als kleines Startup ist jeder Tag neu und aufregend. An einem Tag arbeiten wir an der Veröffentlichung einer neuen Funktion, am nächsten Tag gestalten wir unser Logo neu. Wir sind immer auf dem Laufenden. Dieses Mal war es unser Ziel, ein völlig neues Projekt zu starten.

Wir beschlossen, das zu starten CoinOrderBook Projekt, weil das Team erkannte, dass eine erhebliche Nachfrage nach Echtzeit-Marktdaten für den Handel mit Kryptowährungen besteht. Obwohl ähnliche Daten aus verschiedenen Quellen verfügbar sind, fehlen der Branche immer noch genaue Echtzeitdaten, die einfach zu nutzen sind. Genau das hat es uns ermöglicht, mit all den Daten, die uns zur Verfügung stehen, anders zu denken.

Wir wollten, dass dies ein schneller Hackathon ist. Alles, was mit dem Projekt zu tun hatte, musste in einem einzigen einwöchigen Sprint erledigt werden.

Heute werde ich den Prozess teilen, den wir aus der Sicht eines Designers durchlaufen haben. Dies ist anders, da es sich nicht nur um ein Designprojekt handelt, sondern um ein reales Produkt, das unseren Benutzern innerhalb kurzer Zeit zur Verfügung stehen muss.

Das Entwerfen einer neuen Website erfordert nicht triviale Zeit und Mühe, um zu recherchieren, Ideen zu entwickeln und Konzepte zu untersuchen. Die Produktspezifikationen müssen geschrieben, Drahtmodelle erstellt, die Site entworfen und die Implementierungen müssen getestet und schnell wiederholt werden.

Für dieses Projekt mussten wir alle diese Schritte in einer aggressiven Zeitleiste berücksichtigen, aber gleichzeitig sicherstellen, dass keiner der Schritte übersprungen wird.

Prozess

Ich begann mit einer Diskussion mit Michael (dem CEO von Shrimpy) über die Anforderungen, Erwartungen, Inhalte und Ziele des Projekts. Ich habe versucht, mir ein klares Bild von der Vision hinter dem Projekt zu machen. Fragen wie “Wie passt CoinOrderBook in unser Produkt-Ökosystem?”, “Welche Funktionen unterscheiden unseren Datendienst von anderen ähnlichen Produkten auf dem Markt?” Und “Welche Erfahrungen möchten wir mit dieser Website fördern?”

Michael erklärte, dass wir uns, obwohl es ähnliche Websites auf dem Markt gibt, ganz auf den Echtzeitaspekt von Marktdaten für Kryptowährungen konzentrieren werden. Bis zu diesem Zeitpunkt im Krypto-Bereich war es für Händler und aktive Investoren schwierig, Einblicke in das Verhalten des Marktes in kurzen Zeiträumen zu erhalten. CoinOrderBook fungiert als Verbindung zwischen den Börsen und diesen Kryptohändlern. Anstatt von Austausch zu Austausch zu springen, um die aktuellsten Marktdaten zu erhalten, können sie eine einzige aggregierte Quelle haben, die alle benötigten Daten bereitstellt.

Zusätzlich zu den Vorteilen dieses Projekts für die Gemeinde stärkt es auch das Shrimpy-Ökosystem. CoinOrderBook demonstriert die Fähigkeiten unserer Entwickler-APIs Gleichzeitig bietet es eine weitere Ressource für die Händler, die unsere Portfolio-Management-Anwendung verwenden. Als öffentlich zugängliche Website bedeutet dies auch, dass wir dieses Projekt nutzen können, um den Verkehr auf unsere anderen Produkte und Dienstleistungen zu leiten.

Nachdem ich alle Informationen gesammelt hatte, fing ich an, ähnliche Websites zu besuchen. Da wir nicht viel Zeit hatten, um ein kreatives Design-Layout für die Site zu erstellen, haben wir uns für das traditionellere Layout entschieden, das andere bereits für ähnliche Sites erstellt haben. Das Datenlayout war vergleichbar, aber die Datenvisualisierung war anders als bei anderen Wettbewerbern. Es fiel uns schwer, die Grafiken so zu gestalten, dass sie gleichzeitig informativ und ansprechend waren.

Anstatt mich mit dem Skizzieren von Papier oder dem Wireframing mit niedriger Wiedergabetreue zu befassen, bin ich direkt zu XD gesprungen und habe das Wireframe mit hoher Wiedergabetreue erstellt, um eine klare Vorstellung vom Design zu haben. Dieses Mal haben wir uns nicht mit dem langen Prozess der Iterationen und Rückmeldungen befasst. Stattdessen haben wir das Whiteboard und das sofortige Feedback verwendet, um alle Probleme während des gesamten Prozesses zu lösen. Nach einigen Iterationen konnten wir mit der Datenvisualisierung vernünftige Lösungen für unsere Probleme finden.


Wir wollten, dass unsere erste Version des CoinOrderBook nützlich und unkompliziert ist. Wir wollten kein kompliziertes Design, daher ist es einfacher, es innerhalb kurzer Zeit zu entwickeln.

Für das Logo haben wir improvisiert. Viele von Ihnen wissen, dass wir kürzlich das Shrimpy-Logo neu gestaltet haben. Wenn Sie dies nicht getan haben, können Sie darüber lesen Hier.

Shrimpy: Logo-Neugestaltung

Bei der Neugestaltung des neuen Logos haben wir viele Iterationen für das endgültige Logo durchgeführt. Tatsächlich haben wir das perfekte Logo für CoinOrderBook aus einer der Alternativen gefunden, die wir zu diesem Zeitpunkt bereits entworfen haben. Wir haben uns nicht nur für das Logo entschieden, weil wir der Meinung waren, dass das Logo gut zu CoinOrderBook passt, sondern auch eine inhärente Eigenschaft aufweist, die die Essenz des Produkts vermittelt. Es hat ein halbkreisförmiges Netzwerk verbundener Knoten, das der Form des Buchstabens „C“ ähnelt. C steht sowohl vor Crypto als auch vor CoinOrderBook.

Nachdem ich alles fertiggestellt hatte, musste ich schnell an der Reaktionsfähigkeit der Website arbeiten. Es ist unbedingt erforderlich, dass die Websites in jeder Bildschirmgröße ordnungsgemäß funktionieren, ohne die Qualität der Benutzererfahrung zu beeinträchtigen.

Am Ende der Woche waren wir vielleicht alle erschöpft, aber es hat sich gelohnt. CoinOrderBook Start genau 1 Woche nach dem Tag, an dem wir den Hackathon gestartet haben. Obwohl es Verbesserungen gibt, die das Projekt verbessern könnten, sind alle stolz auf die erste Version der Website. Es ist einfach und elegant. Es gibt nicht viele Schnickschnack, daher ist es einfach zu bedienen. Insgesamt war es eine lustige und einzigartige Erfahrung. Sie können das Live-Endprodukt unter sehen coinorderbook.com.

Danke für’s vorbeikommen. Schätzen Sie wirklich Ihre Zeit!

~ Sumaya

Mike Owergreen Administrator
Sorry! The Author has not filled his profile.
follow me