Eigener AR Filter für Instagram Stories erstellen (Anleitung für Mac und Windows)

Es gibt einen neuen Trend bei bei den Instagram Stories: Es werden virale AR-Filter hergestellt, bei denen die Bilder beliebter Charaktere aus Fernsehsendungen, Filmen und anderen Medien so lange über dem Kopf durchgescrollt werden, bis man hängen bleibt. Die Filter reichen von Disney- und Pokémon-Figuren bis hin zu Harry Potter und Freunden. Aber man ist nicht nur darauf beschränkt, denn Sie können Ihren eigenen AR Filter erstellen.

Im Jahr 2017 veröffentlichte Facebook Spark AR Studio, eine Augmented-Reality-Plattform für Mac und Windows, mit der sich AR-Effekte sowohl für Facebook- als auch für Instagram-Anwendungen auf iOS und Android einfach erstellen lassen. Sie müssen nicht wissen, wie man programmiert – oder auch nur technisch versiert sein – um Ihren eigenen AR-Filter zu erstellen.

Wir zeigen Ihnen, wie Sie einen dieser viralen Zufallszeichengenerator-Filter für Instagram Stories mit Ihren eigenen Bildern erstellen können. Gleichzeitig lernen Sie die Grundlagen der Erstellung eines AR-Filters insgesamt, falls Sie mit einem anderen Typ von AR-Filter für die Story-Kamera experimentieren wollen, den Sie mit anderen teilen können.

 

Schritt 1: Asset finden und herunterladen

Sie werden einen Zeichengeneratorfilter erstellen, also brauchen Sie Bilder von Zeichen oder Personen. In diesem Beispiel wird ein „Welcher Edelstein-Charakter bist du?“-Filter erstellen, also werden ein paar Dutzend Bilder aus dem Film Uncut Gems verwendet, sowie ein Einführungsbild, das den Titel des Filters tragen wird. Speichern Sie die Bilder irgendwo auf Ihrem Computer, wo sie leicht zu finden sind, denn Sie müssen sie später in Spark AR Studio hochladen.

 

Schritt 2: Spark AR installieren

Sie können Spark AR Studio, das Tool zum Erstellen von Filtern, kostenlos auf Ihren Mac oder Windows herunterladen. (Wir werden im gesamten Handbuch die Mac-Version verwenden, aber es ist derselbe Prozess). Lesen Sie sich die Bedingungen und Konditionen durch, denn, unter anderem, „Ihre Nutzung von Spark AR Studio unterliegt und Sie stimmen den Richtlinien der Facebook-Plattform und den Facebook-Nutzungsbedingungen zu“.

Download-Link: Spark AR Studio (kostenlos)

 

Schritt 3: Neues Projekt starten

Nachdem Sie Spark AR Studio auf Ihrem Computer installiert haben, gelangen Sie zum Startbildschirm, wo Sie entweder ein neues Projekt starten oder mit einer bestehenden Vorlage beginnen können. Für diese Anleitung fangen wir bei Null an, aber wir empfehlen Ihnen, mit den Vorlagen (Weltobjekte, Farbfilter, Make-up, etc.) herumzuspielen, falls Sie einen anderen Typ von Instagram Stories Filter erstellen wollen.

Um ein neues Projekt zu starten, klicken Sie auf „Create New“ in der Sidebar, dann auf „Blank Project“.

 

Schritt 4: Bilder aus Schritt 1 als «Animation Sequence» hinzufügen

Um Ihren Filter zu starten, müssen Sie Ihre Bildergalerie-Assets importieren, das sind die Bilder, die Sie im ersten Schritt auf Ihren Computer heruntergeladen haben (abzüglich des Intro-Bildes). Klicken Sie auf „+ Asset hinzufügen“ im Asset-Panel, um eine Animationssequenz zu erstellen (weil die Fotos im Filter animiert werden).

Klicken Sie auf „Animation Sequence“ aus den Optionen, die im schwarzen Menü erscheinen.

Geben Sie der Animationssequenz einen Namen (wir haben unsere „UncutGemsSequence“ genannt), dann klicken Sie auf „Datei auswählen“ neben der Textur im Inspektor, dem Fenster, in dem Sie Änderungen an Assets und Objekten vornehmen können.

Suchen Sie Ihre Assets/Bilder und wählen Sie die aus, die Sie Ihrer Galerie hinzufügen möchten. Klicken Sie auf „Öffnen“ und warten Sie einige Sekunden, bis alle Bilder hochgeladen sind. Das kann etwas dauern, wenn Sie qualitativ hochwertige Bilder haben oder nur mehr als eine Hand voll.

Es wird eine Animations-Textur-Datei erstellt, die den Namen [1-#] trägt (abhängig davon, wie viele Bilder Sie importieren). Klicken Sie im Inspektor unter Steuerung auf das Kästchen neben „Zufällig“, was Ihre Bildergalerie beim Mischen im Filter zufällig anordnet.

 

Schritt 5: Face Tracker hinzufügen

Sie möchten, dass der Filter das Gesicht des Benutzers verfolgt, also müssen Sie die integrierte Funktion in Ihr Projekt einfügen. Klicken Sie dazu mit der rechten Maustaste auf eine beliebige Stelle im Szenenfenster (oben links), klicken Sie auf „Hinzufügen“, und wählen Sie dann „Face Tracker“.

Als nächstes müssen Sie eine neue Ebene hinzufügen. Klicken Sie mit der rechten Maustaste auf den neu erstellten „faceTracker0“, klicken Sie auf „Hinzufügen“ und wählen Sie dann „Ebene“ aus, so dass als Unterkategorie der Face Tracker-Szene erstellt wird.

Nennen Sie diese Unterkategorie „IntroImage“. Sie können eine Vorschau der Ebene und wie diese im Filter aussehen würde, im Ansichtsfenster (grösseres Panel) und im Simulator (kleineres Panel) in der Mitte von Spark AR Studio sehen.

 

Schritt 6: Einstellen der Ebene

Wenn Sie möchten, dass der Filter den viralen Filtern ähnelt, müssen Sie die Face Tracker-Ebene in der Nähe der Stirn oder über dem Kopf platzieren. Klicken Sie dazu auf die IntroImage-Ebene und drücken Sie dann den Pause-Knopf in der Symbolleiste ganz links. Dadurch wird die Bewegung des Simulators gestoppt, was die Einstellung des Face Tracker erleichtert.

Klicken und halten Sie nun auf den grünen Pfeil, der im Ansichtsfenster nach oben zeigt; bewegen Sie die Ebene in die Nähe des Kopfes. Es gibt keinen richtigen Weg, dies zu tun, aber Sie wollen es hoch genug, damit wir das Gesicht sehen können. Benutzen Sie die anderen Pfeile, um es nach links oder rechts zu bewegen, falls nötig.

Als nächstes wollen Sie die Ebene vergrössern. Klicken Sie zuerst auf den quadratischen Button im Ansichtsfenster, um den Massstab des ausgewählten Objekts zu bearbeiten (siehe unten), klicken Sie dann auf den roten Punkt (der nach rechts zeigt) und halten Sie ihn gedrückt, um die Grösse anzupassen. Verwenden Sie die anderen farbigen Punkte, um die Breite und Länge zu ändern, falls erforderlich.

 

Schritt 7: Material & Textur zur ersten Ebene hinzufügen

Gehen Sie in der IntroImage-Ebene in das Inspektor-Panel und klicken Sie auf das Pluszeichen (+), um ein Material hinzuzufügen. Das Material wird verwendet, um zu bestimmen, wie die Oberfläche eines Objekts in Ihrem Effekt aussehen wird.

Es wird ein neuer Ordner in Ihrem Asset-Panel erstellt. Benennen Sie das Material „IntroImageMaterial“ und wählen Sie im Inspector im Drop-Down-Menü für den Shader-Typ „Flach“.

Im selben Panel klicken Sie auf „Choose File“ neben der Textur. Suchen Sie Ihr Intro-Bild und klicken Sie auf „Öffnen“, um es in Ihr Projekt hochzuladen.

 

Schritt 8: Eine doppelte Ebene erstellen & Material & Textur hinzufügen

Nun benötigen Sie eine zweite Ebene, die mit der ersten identisch ist, für die Bildergalerie. Klicken Sie mit der rechten Maustaste auf die „IntroImage“-Ebene im Szenen-Panel, dann klicken Sie auf „Duplizieren“.

Benennen Sie die Ebene in „ImageGallery“ um und klicken Sie dann auf das Kreissymbol unter Materialien im Inspektor. Klicken Sie auf „Neues Material erstellen“.

Benennen Sie das Material in „ImageGalleryMaterial“ um, und wählen Sie dann im Inspektor unter Shader-Typ „Flach“. Jetzt fügen Sie Ihre Galeriebilder dem Filter hinzu. Wählen Sie neben „Textur“ über das Drop-Down-Menü die zuvor erstellte Animationssequenz aus (nicht auf „Datei auswählen“ klicken).

 

Schritt 9: Patches hinzufügen (Steuerelemente)

Jetzt, wo wir unsere Materialien und Ebenen haben, ist es an der Zeit, dem Filter einige Kontrollen zu geben. Klicken Sie in der Menüleiste auf „Ansicht“ und dann auf „Patch-Editor ein-/ausblenden“. Unten in der Mitte wird ein Patch-Editor-Panel angezeigt.

 

Schritt 9.1: Erstellen Sie die erste Patch-Sequenz

Jetzt ist es an der Zeit, die erste Patch-Sequenz zu erstellen.

  1. Ziehen Sie die Option „Camera“ aus dem Szenen-Panel in den Patch-Editor.
  2. Klicken und halten Sie im Kamerapatch auf den unteren Ausgangsanschluss rechts neben dem Patch für die Videoaufzeichnung und lösen Sie die Verbindung an einer beliebigen Stelle im Patch-Editor.
  3. Es wird ein Fenster eingeblendet; suchen Sie nach „Delay“ und drücken Sie dann die Eingabetaste, während das Ergebnis ausgewählt ist, oder doppelklicken Sie auf das Ergebnis, um den Patch dem Editor hinzuzufügen.
  4. Geben Sie im Patch „Delay“ 1,8 (Sekunden) in „Duration“ ein, d.h. die Dauer, die das Intro-Bild angezeigt wird, nachdem Sie selbst mit dem Filter in Instagram die Aufnahme gestartet haben. Natürlich können Sie hier eine beliebige Zahl wählen.
  5. Klicken Sie auf den Delay-Ausgangsanschluss, ziehen Sie ihn und lassen Sie ihn los, geben Sie „Pulse“ ein und fügen Sie ihn dem Editor hinzu.
  6. Klicken Sie auf den oberen Impulsausgang (genannt „Turned On“), ziehen Sie ihn und lassen Sie ihn los, geben Sie „Switch“ ein und fügen Sie ihn dem Editor hinzu. Er sollte automatisch mit dem oberen linken Eingang des Switch-Patches (genannt „Flip“) verbunden werden.
  7. Klicken Sie auf den Switch-Ausgangsport, ziehen Sie ihn und lassen Sie ihn los, geben Sie „Not“ ein und fügen Sie ihn dem Editor hinzu.
  8. Klicken Sie auf „IntroImage“ im Szenen-Panel, gehen Sie zum Inspektor-Panel, markieren Sie das Kästchen neben „Visible“ (falls es nicht bereits markiert ist) und drücken Sie dann den Pfeil daneben, um einen Eigenschafts-Patch zum Patch-Editor hinzuzufügen (Sie müssen eventuell zweimal daraufklicken).
  9. Verbinden Sie den Not Ausgangsport mit dem IntroImage-Patch.
  10. Klicken Sie diesmal auf „ImageGallery“ im Szenen-Panel, gehen Sie zum Inspektor-Panel, aber vergewissern Sie sich diesmal, dass das Kästchen „Visible“ nicht markiert ist. Klicken Sie auf den Pfeil daneben, um es als Patch zum Patch-Editor hinzuzufügen (hier müssen Sie möglicherweise zweimal klicken).
  11. Verbinden Sie den vorhandenen Switch-Patch-Ausgangsport mit dem ImageGallery-Patch.

Die erste Sequenz ist fertig und sollte ähnlich wie der Screenshot unten aussehen.

 

Schritt 9.2: Erstellen Sie die zweite Patch-Sequenz

Es ist an der Zeit, die zweite Patch-Sequenz zu erstellen, die unabhängig von der ersten ist, aber im nächsten Schritt mit ihr verbunden wird.

  1. Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle im Patch-Editor, geben Sie „Runtime“ ein und fügen Sie sie dem Editor hinzu.
  2. Klicken Sie auf den Runtime-Ausgabeport, ziehen Sie ihn und lassen Sie ihn los, geben Sie „Offset“ ein und fügen Sie ihn dem Editor hinzu. Stellen Sie sicher, dass er mit dem Value-Eingangsport verbunden ist.
  3. Klicken Sie auf den Offset-Ausgabeport, ziehen Sie ihn und lassen Sie ihn los, geben Sie „Less Than“ ein und fügen Sie ihn dem Editor hinzu.
  4. Geben Sie eine kleine Zahl in den „Less Than“-Patch ein, die der Anzahl der Sekunden entspricht, die der Filter benötigt, um ein Bild auszuwählen. Geben Sie „4“ ein, wenn Sie sich nicht sicher sind, was Sie wählen sollen.
  5. Klicken Sie auf den Less Than-Ausgabeport, ziehen Sie ihn und lassen Sie ihn los, geben Sie „Loop Animation“ ein und fügen Sie ihn dem Editor hinzu. Stellen Sie sicher, dass er mit dem Eingangsanschluss „Enable“ verbunden ist.
  6. Wählen Sie für Dauer im Patch „Loop Animation“ 0.05, damit das Mischen der Bilder schneller geht.
  7. Klicken Sie auf den Loop-Animations-Patch, ziehen Sie ihn und lassen Sie ihn los, geben Sie „Random“ ein und fügen Sie ihn dem Editor hinzu. Stellen Sie sicher, dass er mit dem Randomize-Eingangsport verbunden ist.
  8. Wählen Sie im Random-Patch unter End Value die Anzahl der Bild-Assets aus, die Sie haben und die unter dem Ordner „Texturen“ im Assets-Panel angezeigt werden soll. Meine Zahl ist 23, weil ich 23 Bilder für die Bildergalerie hochgeladen habe. Lassen Sie den Startwert auf 0 stehen.
  9. Klicken Sie auf den Random-Ausgabeport, ziehen Sie ihn und lassen Sie ihn los, geben Sie „Round“ ein und fügen Sie ihn dem Editor hinzu.
  10. Klicken Sie auf die von Ihnen erstellte Animationssequenz im Assets-Panel und dann im Inspektor auf den Pfeil neben dem aktuellen Frame, um sie als Patch im Patch-Editor hinzuzufügen.
  11. Verbinden Sie den Round-Ausgangsport mit dem Patch-Eingang Ihrer Animationssequenz.

Ihre zweite und letzte Sequenz ist fertig und sollte wie folgt aussehen.

 

Schritt 9.3: Verbinden der beiden Patch-Sequenzen

Schliesslich müssen Sie die beiden Sequenzen im Patch-Editor miteinander verbinden, was einfach zu bewerkstelligen ist. Verbinden Sie den Einschaltausgang (oben) des Puls-Patch in der ersten Sequenz mit dem Reset-Eingang (unten) des Offset-Patch aus der zweiten Sequenz. Das war’s schon! Ihre Sequenzen sind jetzt verbunden, und Ihr Filter ist so ziemlich fertig.

 

Schritt 10: Eigener AR Filter testen in Instagram

Um zu sehen, wie der Filter an Ihnen selbst aussieht, können Sie ihn in der offiziellen Instagram-App auf Ihrem Smartphone an Ihre Instagram-Kamera schicken. Klicken Sie auf das Symbol „Test auf dem Gerät“ in der Symbolleiste unten links, klicken Sie auf „An die App senden“ und dann auf „Senden“ neben der Instagram-Kamera. Dies funktioniert nur, wenn Ihr Instagram-Konto mit Spark AR verbunden ist.

Warten Sie einige Minuten, bis Ihr eigener AR Filter an Ihr Smartphone gesendet wird. Auf Instagram erhalten Sie eine preview.arexport Benachrichtigung, wenn der Filter gesendet wird. Tippen Sie darauf, klicken Sie im Popup-Fenster auf „Weiter“, und Sie können den Filter verwenden und ihn in Ihre Geschichte hochladen.

Wenn Ihr Filter nicht veröffentlicht wird, können Ihre Freunde ihn leider nicht herunterladen. Wenn Sie jedoch einen Testlink haben, können Sie ihn mit Ihren Freunden teilen, und diese können ihn zwar benutzen, aber nicht in ihre Stories hochladen. Um den Testlink zu kopieren, klicken Sie in Spark AR Studio erneut auf das Symbol „Test auf dem Gerät“ in der Symbolleiste, klicken Sie unter „Testlink“ auf „Link kopieren“ und geben Sie den Link dann an beliebige Personen weiter.

 

Eintauchen in die Welt des Social Media Marketing

Bleiben Sie am Ball und erfahren Sie mehr zu den aktuellen Social Media Trends, wie den eigenen AR Filter. Wir von Tree Stones befassen uns täglich mit der Materie und freuen uns über den Austausch mit Ihnen. Nehmen Sie unverbindlich mit uns Kontakt auf und erfahren Sie, wie mit Social Media Trends neue Kunden gewonnen werden.

Wir freuen uns auf Ihre Kontaktaufnahme.

Author: Peter Haas

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Interesse geweckt?

Kontaktieren Sie uns, wir beraten Sie gerne!

Gerne beantworten wir Ihnen Ihre Fragen oder vereinbaren einen Termin mit einem unserer Berater für Sie.
Schreiben Sie dazu ein Mail an info@treestones.ch oder rufen Sie uns ganz einfach an:

  • Tree Stones – Luzern
  • Pilatusstrasse 41
  • 6003 Luzern
  • 041 511 42 42
  • Tree Stones – Zürich
  • Sihlamtsstrasse 5
  • 8001 Zürich 6
  • 044 552 02 12

Wir stehen Ihnen während unseren Öffnungszeiten gerne zur Verfügung.

Öffnungszeiten
Mo – Fr: 09:00 Uhr – 18:00 Uhr

Cybex

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Shop

Similor

Das Unternehmen Similor ist ein Hersteller von Keramikwaren im Sanitärbereich.

Tree Stones erstellte ein Konzept zur Benutzerführung, die Website und eine API Anbindung für den Produktkatalog.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Website
  • Search Engine Optimization
  • Software / Webapp

JANZZ.technology

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website

LangMotiviert

Das Unternehmen Langmotiviert bietet individuelle Beratung und Begleitung in Gruppentrainings, Einzeltrainings und Ernährungsberatung an.

Tree Stones erstellte die Website, Abo-Karten, Flyer und überarbeitete das Logo.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website

MPSZ

Die Praxis MPSZ  bietet ein breites Angebot an Massagen und Therapien zur medizinischen und sportlichen Behandlung. Nebst dem bietet MPSZ auch Personal Training an.

Tree Stones erstellte das Logo und die Website.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Logo
  • Website

Caminada

Das Treuhandbüro Caminada erbringt professionelle und individuelle Dienstleistungen in den Bereichen Rechnungswesen, Recht und Versicherung, Revision, Steuerberatung und Unternehmensberatung.

Tree Stones führte die Suchmaschinenoptimierung (SEO) durch.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Search Engine Optimization

Innoaction

Innocation arbeitet ergebnisorientiert und verbindet die Entwicklung der Kunden mit der deren Unternehmen. Die Kunden lernen bewährte Instrumente und Ansätze kennen, die zu erfolgreichen Strategien führen und die Kunden in der täglichen Führungspraxis weiterbringen.

Tree Stones hat die Suchmaschinenoptimierung (SEO) durchgeführt.

 

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Search Engine Optimization

UrbanRider

Das UrbanRider Team möchte mit ihrer Webseite ein Publikum erreichen, das Individualität hoch schreibt, sich für eine urbane Fahrradkultur, schönes Design und gute Qualität zu erschwinglichen Preisen begeistern kann.

Tree Stones führte die Suchmaschinenoptimierung (SEO) durch.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Search Engine Optimization

De Centuri

De Centuri kreiert und produziert Fashion-Accessoires und Trendartikel. Ihr Sortiment umfasst über 5‘000 Artikel. De Centuri steht für Qualität, Exklusivität, Innovation und Funktionalität. Sie führen einen Online-Shop und diverse Stores in Luzern, Basel, Bern und Zürich. Ihr Angebot beinhaltet auch Handyreparaturen, welche innert einer Stunde professionell erledigt werden. Tree Stones entwickelte und designte die Website, den Online-Shop, das App und übernahm die SEO-Arbeiten.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • App
  • Website
  • Shop
  • Search Engine Optimization

Mayr von Baldegg Bieri Agten

Diese alteingesessene Anwalts- und Notariatskanzlei befindet sich in der Altstadt von Luzern. Das Team beratet Sie umfassend bei Rechtsfragen und vertreten Sie als erfahrene Prozessanwälte vor Gericht. Für öffentliche Beurkundungen stehen Ihnen zudem die kompetenten Notare zur Verfügung.

Tree Stones hat die Webseite erstellt und übernimmt SEO Arbeiten.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Search Engine Optimization

Kulli Khan

KULLIKHAN vermittelt Versicherungen und legt grossen Wert auf die persönliche Beziehung zum Kunden. Ihre Kernkompetenz ist die ganzheitliche Beratung mit den Schwerpunkten Versicherungen und Vorsorge.
Wir erstellten das Logo, als auch die Webseite.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website
  • Search Engine Optimization

Aestheticline

Aestheticline bietet für Figurbewusste und Personen, die mit System abnehmen wollen, eine optimale Möglichkeit das auf eine gesunde Art zu tun. Die Diätshakes sind ein vollwertiger Nahrungsersatz auf rein biologischer Grundlage. Zudem bestehen sie zum grössten Teil aus erstklassigem Milcheiweiss und enthalten lebensnotwenige Vitamine, Spurenelemente und Mineralstoffe. Die kontinuierliche Gewichtsabnahme ohne den bekannten JO-JO-Effekt spricht für Aestheticline.

Tree Stones erstellte die Webseite und designte das Logo.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website
  • Search Engine Optimization

Bächtold & Moor

Bächtold & Moor arbeitet engagiert und stets lösungsorientiert, so dass auch anspruchsvolle Projekte kompetent ausgeführt werden. Sie sind auf konstruktiven Ingenieurbau, Tunnelbau & Geotechnik, Tiefbau und Flugplätze spezialisiert. Zudem offerieren sie Generalplanungen & leisten Bauherrenunterstützung.

Tree Stones designte eine neue Webseite.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website

Neurolite

NEUROLITE vertreibt und unterstützt qualitativ hochwertige medizinische Systeme und Produkte, die hauptsächlich in der Neurologie und verwandten Bereichen Verwendung finden, und stellt deren Support sicher.

Tree Stones hat die Webseite aufgefrischt und das Design auf mobile Endgeräte angepasst.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website

Fritschi

Mit den Bindungssystemen von Diamir Fritschi Swiss ist man trittsicher in jedem Gebirge unterwegs. Sei das auf einer anspruchsvollen Exkursion oder bei einer gemütlichen Skitour, Fritschi ist die ideale Wahl dafür. Die Bindungen gehören zu der modernsten Technologie und gewähren somit höchste Stabilität.
Diamir ist zudem offizieller Partner des Schweizer Alpen-Club SAC und des Schweizer Bergführerverbandes.

Fritschi (ehemals Diamir) hat sich entschieden ein Rebranding vorzunehmen.
Dazu wurde von Tree Stones ein neues Branding inkl. Logo entwickelt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website

Monstein Partner

Jürg Monstein ist ein Verkaufscoach. Er bietet verschiedene Trainings in diesem Bereich an.

Die Webseite und das Logo stammt von Tree Stones.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Logo
  • Website

Hotel Chrüz

Das Hotel Chrüz, erbaut 1872, verbindet grosse Vergangenheit mit lebendiger Gegenwart und empfiehlt sich mit unaufdringlicher Eleganz, aufmerksamen Service und herzlicher Gastfreundschaft.

Die Webseite wurde von Tree Stones gestaltet und entwickelt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website

Winiger Films

Für Ihre Kunden produziert Winigerfilms qualitativ hochstehende Audiovisuelle Medien. Ihr Projekt wird von der Planung, Kreation bis hin zum Feinschliff von ihnen mit Herzblut umgesetzt. Das Webdesign und die Suchmaschinenoptimierung stammen von Tree Stones.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Search Engine Optimization
  • Allgemein

Oppliger Architekten

Nachhaltige Architektur, dauerhafte Qualität, zuverlässiges Termin- und Kostenmanagement sind gleichwertige Voraussetzungen für zufriedene Bauherren und überzeugende Ergebnisse im Ganzen sowie im Detail. Oppliger Architekten entwerfen, gestalten und konstruieren nachhaltige Architektur. Die Webseite wurde von Tree Stones entwickelt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Search Engine Optimization
  • Allgemein

Medisanté

Medisanté konzipiert, entwickelt und vertreibt medizinische Geräte, die direkt mit dem Internet kommunizieren und Gesundheitsdaten in Echtzeit verfügbar machen. Vom Patienten zum Arzt – oder umgekehrt. Sie sind die Erfinder des ersten, manschettenfreien Blutdruckmessgerätes. Tree Stones entwickelte das Design der Website und übernahm die SEO-Arbeiten.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Search Engine Optimization
  • Allgemein

Gasthaus Waldibrüggli

Das Gasthaus Waldibrüggli besteht seit über 200 Jahren. Sie bieten eine gutbürgerliche, Schweizer Küche in einem gemütlichen Umfeld zu fairen Preisen.
Ebenso verfügt das Gasthaus über einen Weinkeller mit einer grossen Auswahl an verschieden Sorten und einem Sääli, welches für spezielle Anlässe reserviert werden kann. Web, Logo und Grafik wurde von Tree Stones kreiert.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website
  • Allgemein

Auto Iten

Egal ob es sich um eine Reparatur, einen Service oder sonstige Pflegearbeiten handelt ist Ihr Fahrzeug bei Auto Iten in Sihlbrugg in den richtigen Händen. Top ausgebildet und immer auf dem neusten Stand sind die Mitarbeiter von Auto Iten. Nachhaltigkeit wird bei ihnen gross geschrieben. Tree Stones durfte für Sie die Webseite kreieren.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Search Engine Optimization
  • Allgemein

Onvistacom

Tätig ist die Onvistacom in der deutschsprachigen Schweiz im Bereich Elektroinstallationen und Gebäudeautomation. Sie beraten und installieren elektrotechnische und gebäudetechnische Anlagen. Qualität, Zuverlässigkeit, Know-How, Kosten- und Termintreu – mit diesen Eigenschaften zeichnet sich die Onvistacom aus. Tree Stones war für das Webdesign, die Logokreation wie auch für die Suchmaschinenoptimierung verantwortlich.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Logo
  • Website
  • Search Engine Optimization
  • Allgemein

Rodel Schausteller

Rodel Schausteller überzeugt mit seinen drei Kategorien SPEED, KARUSSELL und POLYP. Diese Bahnen sind für Jung und Alt. Ein Spass für die ganze Familie. Tree Stones war für die Suchmaschinenoptimierung verantwortlich und kreierte das Webdesign dieser Schaustellerfamilie.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Search Engine Optimization
  • Allgemein

Events von Herzen

Das Unternehmen Events von Herzen organisiert mit viel Herz und Liebe zum Detail unvergessliche Privat- und Firmenevente.
Die Webseite als auch das Logo wurden von uns erstellt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website

Silendi Cosmetic

Die Behandlungsprogramme bei Silendi Cosmetic sind individuell auf jede Person abgestimmt. Das Behandlungsspektrum geht von Maniküre, Pediküre, Wimpern/Brauen, Make-up, Gesichtspflege bis hin zur Haarentfernung. Die Webseite wurde von Tree Stones entwickelt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Search Engine Optimization

Swiss Private Job

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Logo
  • Website

Happy Job

Author: Tree Stones

info@treestones.ch


Zur Webseite

Per Pe Tu

Author: Tree Stones

info@treestones.ch


  • Logo
  • Website

Traballo

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website

Flor De La Vida

Mit über 14‘000 Artikelnist Flor de la Vida der grösste Esoterik Online Shop der Schweiz. Lassen Sie sich in die Wunderbare Welt der Esoterik und Magie verführen und Entdecken Sie wunderschöne und Sinnvolle Produkte.

Treestones hat die Webseite und den dazugehörigen Shop mit diversen Spezifikationen entwickelt.

Author: Tree Stones

info@treestones.ch


  • Website
  • Shop

iXensor

iXensor hat es sich zum Ziel gemacht das Leben für Diabetiker einfacher zu gestalten. Mit Hilfe des Apps auf Ihrem Smartphone können Ihre Blutwerte rasch und jederzeit analysiert und ausgewertet werden. Behalten Sie mit iXensor stehts den Überblick.

Die Webseite und die Cloud-Lösung wurde von Tree Stones entwickelt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Software / Webapp

Serag

Serag ist ein Online Shop für alles, was das Herz eines Autoliebhabers begehrt. Hier finden Sie Bücher, Kalender und vieles mehr zu diesem Themenbereich. Zahlungsmethoden, Versandarten sowie diverse Customizations wurden umgesetzt.

Tree Stones hat Übersetzungsarbeiten an dieser Seite vorgenommen und diverse Customizations umgesetzt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Shop

Me Me Me Cosmetics

Die bekannte Marke aus Grossbritannien hat auch einen Ableger in der Schweiz gefunden. MeMeMe Cosmetics verkauft diverse Beauty-Artikel in Ihrem Online Shop und hat durch die grosse Auswahl für jeden etwas zu bieten.

Tree Stones hat Übersetzungsarbeiten an dieser Seite vorgenommen und diverse Customizations umgesetzt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Shop

Stereotec

Stereotec ist Anbieter von diversen Qualitätsprodukten im Bereich Soundtechnologie und befindet sich an den beiden Standorten Uster und Zürich.

Von Tree Stones wurde ein Redesign der Webseite durchgeführt und ESR sowie diverse Customizations eingebunden.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Shop

Diamir

Diamir ist ein international tätiger Skibindenhersteller mit innovativen und preisgekrönten Produkten.

Web, Händlerlogin, Downloadverwaltung und Produktregistration stammen von Tree Stones.

VIPEC 12

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Website
  • Social Media
  • Shop
  • Allgemein

LA – Lucerne Aesthetic

Das Team von LA Lucerne Aesthetic unterstützt Sie dabei, Ihre Wünsche im Bereich der Plastischen- und Aesthetischen Chirurgie zu verwirklichen. Persönliche Beratungen finden in der Praxis von Frau Dr. med. Jacqueline Gietz statt. Logo, Web und Print wurden von Tree Stones kreiert.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Fotografie
  • Logo
  • Website

Swiss Car Center

Swiss Car Center ist ein grösserer Autohändler und Mercedes-Benz After Sales Vertretung und gehört zu der Merbag Retail Group. In der modern ausgerüsteten Mehrmarkenwerkstatt bietet das Swiss Car Center sämtliche Dienstleistungen rund ums Auto. Zu den Aufgaben von Tree Stones gehörte der Webauftritt und die Schnittstellenintegration.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Allgemein

Tutti Cani

TUTTI CANI bietet Ihnen die etwas andere Hundeschule und heisst alle Hunde jeglicher Rasse willkommen. Auch Problemhunde werden wieder auf die richtige Bahn gebracht. Das ganze Angebot wird zweisprachig in Deutsch und Italienisch durchgeführt. Print und Webdesign ist Aufgabe von Tree Stones.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website

Webshaker

WebShaker ist eine für autoricardo eigens entwickelte Software. Diese ermöglicht Garagisten die einfache und schnelle Erstellung einer eigenen Webseite mit dem Drag&Drop System. Zudem werden die in autoricardo erfassten Produkte automatisch per API in die Webseite des Garagisten eingelesen. Web- und Logodesign, sowie die Entwicklung des Systems und die API Anbindung stammen von Tree Stones.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website
  • Software / Webapp

Twende – Tanzania Safari

Seit zehn Jahren führt Sie Godfrey Mosses-Rodenhausen durch Tanzania in Afrika und bietet Ihnen individuell auf Ihre Bedürfnisse angepasste Safari-Touren an. Der in Arusha geborene Godfrey Mosses-Rodenhausen ist mit dem Gebiet sehr vertraut obwohl er nur zweitweise in Tanzania lebt. Das Logo und Webdesign stammen von Tree Stones.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website
  • Search Engine Optimization

ACADO

Die ACADO AG beschäftigt sich vor allem mit dem Entwickeln einer Architektur-CAD Software für AutoCAD® 2012-15. Durch jahrelange Erfahrung können Sie Ihre Bedürfnisse genau ermitteln und stellen sie bei Schulung, Support und Beratung zur Verfügung. Logo, Print und Web wurden von Tree Stones übernommen.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Website

Tom Stocker

Tom Stocker übernimmt die erfolgsoptimierte Werbefotografie wie auch kraftvolle und authentische Portraits. Mit individuellen und klaren Konzepten fokussiert er Ziele und findet eine dazu passende Bildsprache. Für ihre Kunden geben sie 100%. Die Webseite und das Logo wurden von Tree Stones erstellt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website
  • Search Engine Optimization

WoofBox

Die Woofbox GmbH bietet verschiedene Abonnements an, mit welchen Sie Ihren Hund regelmässig mit einer Überraschungsbox verwöhnen können. Eine Box enthält verschiedene Spielzeuge, pH-neutrale Pflegeprodukte oder nützliches Zubehör für den Alltag. Web- und Logodesign, Shop, Facebookverwaltung mit integriertem Wettbewerb und Produkt- & Werbedesign stammen von Tree Stones.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Fotografie
  • Logo
  • Website
  • Social Media
  • Shop

Guest Check

Manuell erstellte Gästelisten sind von gestern. Mit dem von Tree Stones entwickelten App ‚Guest Check‘ können Clubs Ihre Gästelisten verwalten und diese dank der Synchronisationsfunktion stehts aktuell behalten. Zudem können nach den Events Daten wie Alter und Geschlecht der Gäste ausgewertet werden. Das einzige was dafür benötigt wird ist ein Tablet für den Türsteher und die ‚Guest Check‘ App.

Aus dem Hause Tree Stones entstand das Appdesign, Logo, sowie die Entwicklung des eigentliche Apps.

Author: Tree Stones

info@treestones.ch


  • Logo
  • App
  • Software / Webapp

Suter electronics

Suter electronics ist ein Online Shop für Haushalts- und Multimediaelektronik. Kreditkarteneinbindung, sowie diverse Customizations wurden umgesetzt.

Web, Logodesign und Shop stammen von Tree Stones.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website
  • Shop
  • Search Engine Optimization

cHRon-OS

cHRon-OS ist ein CRM ausgerichtet auf Personalbüros. Hiermit haben Sie die Daten Ihrer Kunden und Kandidaten stets nur einen Klick entfernt und es ist einfach diese auf dem neusten Stand zu halten. Verträge erstellen Sie in nur wenigen Klicks und auch die Dossiers der Kandidaten können direkt online erfasst werden. Erfassen Sie Memos, Behalten Sie stets den Überblick über laufende und vergangene Veträge und versenden und erstellen Sie Kurzprofile Ihrer Kandidaten in nur einer Minute. Zudem sehen Sie im Report Bereich, wie viele Verträge erstellt und gekündigt wurden, wie viele Kundengespräche stattfanden, wie viele Anrufe getätigt wurden uns vieles mehr.

cHRon-OS ist eine Eigenentwicklung von Tree Stones. Das Design, Logo, Systementwicklung und Webseite stammen von uns.

Author: Tree Stones

info@treestones.ch


  • Grafik
  • Logo
  • Website
  • Software / Webapp

Flava & Stevenson

Mit ihrem aktuellen Album „Quantum of Dance“ stiegen Flava & Stevenson auf Platz 11 der Schweizer Album Charts ein. Viele weitere Erfolge durften die beiden Schweizer in den vergangenen zwei Jahren feiern. Platin für ihre Single „Good Time“, zwei Top 10 Singles, drei Charts-Alben und Nomination für die Swiss Music Awards sind ein paar der vielen Erfolge.

Tree Stones hat für Flava & Stevenson das Appdesign sowie auch die Entwicklung des Apps auf den Plattformen iOS und Android übernommen.

Author: Tree Stones

info@treestones.ch


  • App

Denova

Die Denova living & design GmbH bietet ihren Kunden im Onlineshop verschiedene Gartenmöbel an. Sei es ein Sonnenschirm, eine Hängeschaukel, eine Kissenbox oder eine Trennwand. Stationiert ist das Unternehmen in Pratteln und Dietikon. Das Webdesign, der Webshop, die Suchmaschinenoptimierung und das Social Media wird von Tree Stones betreut.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website
  • Shop
  • Search Engine Optimization

Cleandent

Die neue Generation der Interdentalpflege ist genial, hocheffizient und unverschämt clever. Cleandent stellt Zahnseitenhalter,  Zahnseidenboxen, qualitativ hochstehende Zahnseiden, Cleandent Brushes und DuoSticks her. Das Webdesign wurde von Tree Stones gefertigt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Website
  • Shop

Dr Von Moos

Auf dem neuesten Stand der Wissenschaft wendet Dr. med. Lukas von Moos, Facharzt für Chirurgie, spez. Allgemeinchirurgie und Traumatologie und sein Team die modernen minimalinvasiven Techniken, wie auch die konventionellen Operationsverfahren für Sie als Patienten massgeschneidert an.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Logo
  • Website
  • Search Engine Optimization
  • Allgemein

Unique

Der Unique Club ist für seine grossartigen und originellen Wochenendpartys weit bekannt. Durch die verschiedenen DJ’s macht es den Club einzigartig und  hebt sich von den Konkurrenten ab. Die Partys sollten Sie sich auf keinen Fall entgehen lassen.

Author: Tree Stones

info@treestones.ch


  • Grafik

Auto Spa – Car Wash

Das Auto Spa Carwash ist als ein herausragender Autowaschsalon für die manuelle Kfz-Vollwäsche konzipiert und bietet seinen Kunden eine komplette Handreinigung Innen & Aussen an. Alle Reinigungsmittel stammen aus der Schweiz. Diverse Drucksachen wie auch die Webseite wurden von Tree Stones erledigt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website

Kastas

Mit dem Ziel, Weine verschiedener Produzenten und Regionen zu vermarkten, wurde im Juni 2008 die KASTAS GmbH gegründet. KASTAS ist bestrebt, eine sorgfältige Auswahl, einen persönlichen Service und volle Zufriedenheit der Kunden zu erreichen. Webdesign und Facebook wurden von Tree Stones erarbeitet.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Logo
  • Website
  • Shop
  • Search Engine Optimization

Swiss X Bikes

SwissX Bikes bietet folgende Dienstleistungen für Ihr Zweirad an: Frühlingscheck, Pneuwechsel, Service, Beratung und Abholdienst. Ebenso verkaufen sie Occasionen wie auch Neumodelle. Für das ganze Webdesign und die Suchmaschinenoptimierung ist Tree Stones verantwortlich.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Grafik
  • Website
  • Shop

Crealicious

Sie sind kreativ, unkompliziert und arbeiten individuell. Sandra Bühler und Sandra Schmid fotografieren, stellen Plakate und Broschüren her und gestalten Werbemittel. Zusammen sind sie auf der Suche nach neuen Trends und nehmen alles genau unter die Lupe. Die Webseite wurde von Tree Stones entwickelt.

Author: Tree Stones

info@treestones.ch


Zur Webseite
  • Website

Platzhirsch

Platzhirsch ist die abwechslungsreiche Bar in Luzern. Neben Mittagsmenüs und täglich offerierten Apéros finden regelmässig diverse Veranstaltungen statt. Wöchentlich am Freitag- und Samstagabend legen DJ’s music all over the world auf. Webdesign, Print und Social Media sind Arbeiten von Tree Stones.

Author: Tree Stones

info@treestones.ch


  • Grafik

Tree Stones Webagentur

Über Uns

Wir sind ein gut eingespieltes Team von zehn festangestellten und fünf freiberuflichen Mitarbeitern. Unser Know-how stellen wir seit 2008 nationalen und internationalen Unternehmen unterschiedlicher Grösse zur Verfügung.

Unser Team verfügt über umfassende Kenntnisse verschiedenster Programmiersprachen wie PHP, SQL, JavaScript insbesondere jQuery, HTML, CSS und arbeitet mit den gängigsten Grafikprogrammen. Ebenfalls verwenden wir die neusten Technologien und Trends wie HTML5 & CSS3, achten aber ebenso auch auf Cross-Browser-Kompatibilität.

Unsere Ziele

Mit einem hohen Wiedererkennungswert ihrer Marke, überzeugenden Alleinstellungsmerkmalen und exakt auf die Zielgruppe ausgerichteten Marketingaktivitäten schaffen es die Top-Marken, Kunden auf sich aufmerksam zu machen und langfristig an sich zu binden. Wir entwickeln für Firmen eigenständige und ausdrucksstarke Identitäten (Corporate Identities/Corporate Designs) als Basis für einen einprägsamen, anhaltend starken Auftritt auf dem Markt.

Mit gezielten (cross-)medialen Aktivitäten, denen klare Marketingstrategien zugrunde liegen, ermöglichen wir unseren Kunden einen nachhaltigen und messbaren Zugang zu ihrem Zielpublikum.

Die professionelle technische Umsetzung der Webaktivitäten mittels Suchmaschinenoptimierung (SEO) führt dazu, dass unsere Kunden bei den Suchergebnissen der bedeutenden Plattformen Google, Yahoo und Bing auf den begehrten Top-Plätzen landen.

Auszug unserer Projekte

  • Alle
  • Website
  • Shop
  • App
  • Software / Webapp
  • Logo
  • Grafik
  • Fotografie
  • SEO
  • Social Media