Advancing sacred geometry tattoo design app on iOS

Eine Nischen-Zeichen-App für iOS, die sich mit heiliger Geometrie und dem Entwerfen von Tattoo-Motiven befasst und für den US-amerikanischen Tattoo-Künstler Dillon Forte entwickelt wurde.

175%

Verlängerung der Einsatzdauer

1,700%

mehr aktive Nutzer

Advancing sacred geometry tattoo design app on iOS
Branche Kunst & Kultur
Angestellte < 10
Region USA
Leistungen iOS-Entwicklung, UI/UX-Design, Qualitätssicherung
Kunde seit 2024

Kundenübersicht

Artikel mit KI zusammenfassen

Forte Tattoos LLC ist das Studio des US-amerikanischen Tätowierers Dillon Forte. Seine Marke konzentriert sich auf heilige Geometrie und äußerst detailreiche Tätowierungen, und diese iOS-App ist Teil seines Werkzeugkastens und seiner Produktpalette für die Gestaltung von Tätowierungsentwürfen und geometrischen Mustern.

Herausforderung

Als Innowise dem Projekt beitrat, stand hinter der Zeichen-App für heilige Geometrie bereits eine starke kreative Idee. Der Kunde wollte ein iOS-Zeichenwerkzeug fertigstellen und verfeinern, das fortgeschrittene Symmetriefunktionen, das Skizzieren von Tattoos und die Erforschung geometrischer Formen unterstützt – und das für eine langfristige Weiterentwicklung im App Store gerüstet ist.

  • Die instabile App, die sowohl die Nutzer als auch die Marke beeinträchtigte. Die Live-App wies zahlreiche Fehler und Abstürze auf, darunter schwerwiegende logische Probleme im Warenkorb und beim Verhalten der Arbeitsfläche. Dies beeinträchtigte das Nutzererlebnis der zahlenden Nutzer und führte zu Frustration beim Kunden, der miterleben musste, wie sich Nutzer über die Instabilität beschwerten und ihre Abonnements kündigten.
  • Es geht darum, ein Nischenprodukt weiterzuentwickeln, und nicht nur “den Betrieb am Laufen zu halten”. Der Kunde wollte kein einfaches Projekt zur Fehlerbehebung. Sein Ziel war es, eine wettbewerbsfähige iOS-Zeichen-App fertigzustellen und auf den Markt zu bringen, neue Funktionen im Bereich der heiligen Geometrie hinzuzufügen, die Symmetrieoptionen zu erweitern und die 3D-Abbildung zu verbessern, wobei die App weiterhin für das alltägliche Zeichnen nutzbar bleiben sollte.
  • Zahlreiche bestehende Fehler und Abstürze. Die App wies zahlreiche Fehler in der zentralen Zeichen- und Exportlogik auf, darunter auch Abstürze, die das Team nachstellen und untersuchen musste. Einige kritische Fehler erforderten tiefgreifende Änderungen an der Rendering-Logik und ließen sich nicht mit kleinen Patches beheben.
  • Leistungsprobleme bei einer ressourcenintensiven Render-Engine. Die bisherige Architektur hatte Schwierigkeiten mit komplexen Symmetrien und 3D-Operationen. Aufgrund von Leistungsbeschränkungen war nur ein begrenztes Maß an Echtzeit-Rendering möglich, insbesondere bei fortgeschrittenen Funktionen wie den 17 Orbifold-Symmetriegruppen und der Abbildung von Mustern auf platonische Körper und Kugeln.
  • Hochspezialisierte Symmetriealgorithmen. Die App unterstützt:

    • radiale Symmetrie (Drehung und Spiegelung)
    • Orbifold / kristallographische Gruppen wie beispielsweise p1, p2, pmm, p4m, p6
    • Spiralsymmetrien wie der Goldene Schnitt und Fermat-Spiralen

    Diese Algorithmen haben in anderen Zeichen-Apps so gut wie keine Entsprechungen. Das bedeutete, dass es beim Debuggen oder Testen keine Referenzimplementierung gab, mit der man sie hätte vergleichen können.

  • 3D-Mapping und Texturverhalten. Das Produkt bildet 2D-Muster auf platonische Körper und eine Kugel ab. Dazu mussten Shader, Texturprojektion und das Exportverhalten berücksichtigt werden. Selbst kleine visuelle Mängel (Kanten, Nähte, Texturverzerrungen) galten als Produktmängel.

Optimieren Sie Ihr mobiles Produkt

Lösung

Der Schwerpunkt unseres Teams lag darauf, die Grundlagen zu festigen, den Umfang der kreativen Funktionen zu erweitern und einen Testansatz zu entwickeln, der der mathematischen Natur der heiligen Geometrie Rechnung trägt. In enger Zusammenarbeit mit dem Kunden stellten wir sicher, dass der Entwicklungsprozess mit dessen kreativer Vision und den technischen Anforderungen im Einklang stand und gleichzeitig das Budget und die Arbeitsabläufe des Kunden berücksichtigt wurden.

Produkt- und Workflow-Einrichtung

Der erste Schritt bestand darin, einen optimierten Arbeitsablauf zu etablieren, der sowohl dem künstlerischen Ansatz des Kunden als auch den Rahmenbedingungen des Projekts gerecht wurde. Dieser Ablauf wurde so konzipiert, dass ein kontinuierlicher Austausch gewährleistet war und gleichzeitig genügend Flexibilität für kreative Anpassungen blieb:

  • Entwicklungsablauf: Wir haben die Entwicklung rund um Kanban mit internen zweiwöchigen Zyklen, die einen planbaren Fortschritt gewährleisten. Das Team nutzte Jira zur Planung und Nachverfolgung, wobei wir die Kommunikation mit dem Kunden ergebnisorientiert gestalteten. Wir haben regelmäßig TestFlight-Builds, strukturiert Versionshinweise, und kurz Demo-Videos um neue Funktionen anschaulich zu veranschaulichen.
  • Zusammenarbeit mit Kunden: Um den Kunden auf dem Laufenden zu halten, ohne ihn mit technischen Details zu überfordern, haben wir Google Meet-Sitzungen alle zwei Wochen. In diesen Sitzungen konnten wir gemeinsam das Symmetrieverhalten, Verbesserungen am Design und 3D-Updates durchgehen, Feedback einholen und die Prioritäten entsprechend anpassen. Dieser Ansatz verschaffte dem Kunden einen klaren Überblick über die Entwicklung der App, ohne dass er sich um die detaillierten technischen Aspekte kümmern musste.

Die Kern-App verbessern

Bevor wir neue Symmetrie- und 3D-Funktionen einführen konnten, war es unerlässlich, die Kernanwendung zu stabilisieren. Wir haben uns zunächst darauf konzentriert, das alltägliche Zeichenerlebnis zuverlässiger und vorhersehbarer zu gestalten. Unser Team hat an folgenden Punkten gearbeitet:

  • Verhalten von Canvas: Wir haben das grundlegende Verhalten der Arbeitsfläche überprüft und verbessert, um sicherzustellen, dass Werkzeuge, Ebenen sowie die Funktionen „Rückgängig“ und „Wiederherstellen“ während des Skizzierens wie erwartet funktionieren.
  • Export- und Wiederherstellungslogik: Wir haben die Export- und Wiederherstellungslogik für Zeichnungen optimiert und uns dabei auf Szenarien konzentriert, bei denen Linienwerkzeuge und komplexe Muster zum Einsatz kommen, die zuvor zu Problemen geführt hatten.
  • Gezielte Refaktorisierung: Wir haben an zentralen Stellen des Swift, UIKit, CoreGraphics Codebasis, um eine stabile Grundlage für zukünftige Phasen zu schaffen.

Nach der ersten Veröffentlichung im App Store konzentrierte sich das Team weiterhin auf die Stabilisierung. Wir bereiteten neue Builds vor und leiteten sie durch TestFlight um die Stabilität schrittweise zu verbessern und Sonderfälle zu beheben, die im realen Einsatz entdeckt wurden.

Sich weiterentwickelnde Symmetrie, Werkzeuge und 3D-Funktionen

Das Herzstück der App ist ihre Symmetrie-Engine, mit der Nutzer komplexe Muster sowohl im 2D- als auch im 3D-Raum erstellen können. Dabei arbeitete das Team eng mit dem Kunden zusammen, um die kreativen Möglichkeiten zu verfeinern und zu erweitern:

  • Verbesserungen an der Symmetry-Engine: Die Symmetrie-Engine wurde vollständig überarbeitet, wobei alle 17 Orbifold-Gruppen mit präzisen Spiegelungen, Drehungen und Gleit-Spiegelungen. Die radiale Symmetrie wurde erweitert und unterstützt nun bis zu 360 Umdrehungen um die Platzierung der Muster besser steuern zu können. Nautilus-Modus Es wurden Symmetrien nach dem Goldenen Schnitt und der Fermat-Spirale eingeführt, ergänzt um eine automatische Spiegelung. Außerdem wurden visuelle Hilfslinien auf der Arbeitsfläche hinzugefügt, um den Benutzern das Verständnis komplexer Transformationen zu erleichtern.
  • Aktualisierungen bei Tools und UX: Wir haben das Verhalten wichtiger Zeichenwerkzeuge angepasst, wie zum Beispiel Stift, Bleistift, Zeile, Radiergummi, ausfüllen, um nahtlos mit den Symmetriemodi zusammenzuarbeiten. Dadurch wurde sichergestellt, dass jeder Strich und jede Füllung im gesamten Muster präzise dupliziert, gedreht oder gespiegelt wurde. Außerdem haben wir die “An der Mitte ausrichten”“-Funktion, die es den Nutzern erleichtert, Formen und Striche in radialen und orbifolden Layouts präzise auszurichten. Die Benutzeroberfläche und die Navigation der App wurden aktualisiert, damit diese erweiterten Funktionen leichter zu finden und zu nutzen sind.
  • Verbesserungen beim 3D-Mapping: Das Team arbeitete daran, die Abbildung von 2D-Mustern auf 3D-Objekte, darunter Platonische Körper und Kugeln. Außerdem haben wir Import/Export von Texturen zugänglich zu machen und Zuordnungsverhalten damit sich die Muster entsprechend den visuellen Vorgaben und Leistungsanforderungen des Kunden auf 3D-Oberflächen anpassen lassen.

Zusammen haben diese Änderungen die App zu einem umfassenden Kreativwerkzeug gemacht: vom Zeichnen auf einer flachen Leinwand über die Erstellung komplexer symmetrischer Designs bis hin zu deren Projektion auf 3D-Objekte.

Ein auf die heilige Geometrie zugeschnittener QA-Ansatz

Da es sich bei dem Produkt um heilige Geometrie zugänglich zu machen und Tattoo-Motiv, beides bildliche Qualität zugänglich zu machen und mathematische Genauigkeit waren gleichermaßen wichtig. Um sicherzustellen, dass die App diese Standards erfüllte, entwickelten wir einen Qualitätssicherungsprozess, der speziell auf die mathematischen Regeln zur Symmetrie in der App ausgerichtet war. Dieser Ansatz umfasste:

  • Fachbezogene Vorbereitung: Das QA-Team hat sich mit den in der App verwendeten Symmetriekonzepten (radiale Symmetrie, Orbifold-Gruppen und Spiralsymmetrien) befasst, um zu verstehen, wie sich Zeichnungen bei einer Transformation verhalten sollten.
  • Mathematische und visuelle Prüfungen: Die Testfälle wurden so konzipiert, dass nicht nur die Funktionalität, sondern auch die erwarteten geometrischen Regeln geprüft wurden. Dazu gehörte die Überprüfung, wo Kopien erscheinen sollten, in welchen Winkeln und wie sich Muster sowohl auf der Arbeitsfläche als auch auf 3D-Oberflächen ausrichten sollten. Außerdem haben wir Prüfungen auf Pixelebene um sicherzustellen, dass die Füllungen nicht über die Ränder hinauslaufen, Anti-Aliasing blieben glatt, und die exportierten Muster wurden in externen Tools konsistent angezeigt.

Diese Kombination aus mobiler Qualitätssicherung, Geometriekenntnissen und regelmäßiger TestFlight Dank des Feedbacks des Kunden wurde dieses Projekt zu einem überzeugenden internen Beispiel dafür, wie sich mathematisch gestützte Visualisierungsfunktionen in einer kreativen App testen lassen.

Technologien

Frontend

Swift, UIKit, Storyboard, CoreGraphics

Mobile

iOS SDK, Xcode, Git

QS

TestFlight

Team

Icon 2
iOS-Entwickler
Icon 1
QA Engineer
Icon 1
Business-Analyst
Icon 1
Projektmanager
das Innowise-Team

Ergebnisse

Projektdauer

Dezember 2023 – Februar 2026

Die Weiterentwicklung der App für heilige Geometrie hat sowohl ihre kreativen Möglichkeiten als auch ihre Zuverlässigkeit als professionelles Werkzeug für Tattoo-Design und geometrische Kunst gestärkt. In enger Zusammenarbeit mit dem Kunden trug Innowise dazu bei, mehrere wichtige Ziele zu erreichen:

  • Stabiler kreativer Arbeitsablauf: Das grundlegende Verhalten der Arbeitsfläche, die Zeichenwerkzeuge und die Exportabläufe wurden überprüft und verbessert, wodurch kritische Fehler und Abstürze reduziert wurden, sodass sich die Grafiker nun auf das Skizzieren konzentrieren können, anstatt verlorene Arbeiten wiederherstellen zu müssen. Infolgedessen, Die Zahl der aktiven Nutzer stieg um 1.783%, die Interaktionszeit stieg um 175%, und die Zahl der neuen Nutzer stieg um 1,576%.
  • Erweiterte geometrische Funktionen: Erweiterte Symmetriegruppen, verfeinerte Spiralsymmetrien (einschließlich des Goldenen Schnitts und des Fermat-Verhältnisses) sowie eine verbesserte 3D-Abbildung auf platonische Körper und eine Kugel boten den Nutzern mehr Möglichkeiten, komplexe Muster der heiligen Geometrie sowohl in 2D als auch in 3D zu erstellen.
  • Höhere visuelle und mathematische Genauigkeit: Ein spezieller Qualitätssicherungsansatz, der auf Geometrie- und gerätebasierten Tests basiert, trug dazu bei, die gerenderten Muster mit den zugrunde liegenden mathematischen Modellen abzugleichen, wodurch die Linienqualität, die Füllungen und die Konsistenz beim Export für den professionellen Einsatz verbessert wurden.
  • Ein intuitiveres Zeichenerlebnis: Aktualisierungen von Tools, "An der Mitte ausrichten" Funktionalität, Navigation und das Verhalten der Benutzeroberfläche machten es einfacher, erweiterte Funktionen bei der täglichen Arbeit im Bereich Tätowierung und Design zu entdecken und zu nutzen.
  • Grundlage für zukünftige Veröffentlichungen: Durch die Überarbeitung wesentlicher Teile der auf Swift basierenden Codebasis und einen strukturierten Bereitstellungsprozess (regelmäßige TestFlight-Builds, Demos und klar abgegrenzte Phasen) wurde eine solide Grundlage für die fortlaufende Entwicklung neuer Funktionen, Leistungsverbesserungen und zukünftige App-Store-Updates geschaffen.

Inhaltsübersicht

Optimieren Sie Ihr mobiles Produkt

    Kontakt aufnehmen

    Anruf vereinbaren oder füllen Sie das Formular aus. Wir kontaktieren Sie, sobald wir Ihre Anfrage bearbeitet haben.

    Sprachnachricht senden
    Datei beifügen
    Datei hochladen

    Sie können 1 Datei mit bis zu 2 MB anhängen. Gültige Dateiformate: pdf, jpg, jpeg, png.

    Mit dem Klicken auf Senden erklären Sie sich damit einverstanden, dass Innowise Ihre personenbezogenen Daten gemäß unserer Datenschutzerklärung verarbeitet, um Ihnen relevante Informationen bereitzustellen. Mit Angabe Ihrer Telefonnummer stimmen Sie zu, dass wir Sie per Sprachanruf, SMS oder Messaging-Apps kontaktieren. Es können Gebühren für Anrufe, Nachrichten und Datenübertragung anfallen.

    Sie können uns auch kontaktieren
    bis hin zu contact@innowise.com
    Wie geht es weiter?
    1

    Sobald wir Ihre Anfrage erhalten und geprüft haben, melden wir uns bei Ihnen, klären erste Fragen und unterzeichnen bei Bedarf ein NDA, um die Vertraulichkeit zu gewährleisten.

    2

    Nach genauer Prüfung Ihrer Anforderungen, Bedürfnisse und Erwartungen wird unser Team einen Projektvorschlag mit Angaben zu Arbeitsumfang, Teamgröße, Zeitaufwand und Kosten erstellen.

    3

    Wir vereinbaren einen Termin, um das Angebot gemeinsam zu besprechen und alle Details festzulegen.

    4

    Abschließend unterzeichnen wir den Vertrag und starten umgehend mit der Umsetzung Ihres Projekts.

    arrow