Web-Agentur
Joinbox GmbH Brückfeldstrasse 16 CH-3012 Bern, Schweiz
hello@joinbox.com Google Maps 031 528 10 25
Facebook LinkedIn
  1. Joinbox
  2. Dienstleistungen

Konzeption und Strategie

Eine Web-Applikation, eine Website oder ein Online-Shop erfüllt keinen Selbstzweck. Sie sind alle dazu da, um Kunden zu gewinnen, Ihre Bekanntheit zu steigern, Ihr Geschäft zu fördern. Sie sind eine Investition, die sich langfristig auszahlen soll.

Wir unterstützen Sie dabei, indem wir:

  • zusammen mit Ihnen die strategischen Ziele des Projekts und die konkreten Massnahmen zu deren Verwirklichung festlegen
  • darauf fokussieren, mit dem sinnvollen Minimalumfang (Minimum Viable Product) zu starten und so Kosten- und Projektrisiken zu senken
  • die Interaktionen der Nutzer messen und so das Projekt nah am Markt weiterentwickeln
  • jedes Projekt in drei Phasen mit verbindlichem Budget und klarem Zeitplan unterteilen: Konzept, Gestaltung, Umsetzung.
Joinbox Lounge

User Experience und Design

Schönes Design ist schön – aber nicht mehr. Applikationen und Websites sind interaktiv. Erfolgsentscheidend ist nicht ihr Aussehen, sondern ihre Funktionsweise. Im Grossen wie im Detail. Wir strukturieren Ihr Projekt logisch und übersichtlich, gestalten es intuitiv. Die offensichtliche Lösung ist meistens die beste.

Und ja, natürlich lieben wir das Schöne, das Schlichte. Die Oberfläche, das Aussehen. Weil unsere Grafiker auch unsere Frontend-Programmierer sind, bleiben Kommunikationswege und Planungsphasen kurz. Gestaltung und Umsetzung gehen Hand in Hand. Dadurch sieht das Resultat nicht nur gut aus, es fühlt sich auch richtig an.

Wireframes
Fabian Jordi, Felix Steiner, Michael van der Weg

Umsetzung

Wenn Ihr Projekt online geht, soll es nicht von gestern, sondern Basis für die kommenden Jahre sein. Deswegen verwenden wir junge und erprobte Open-Source Technologien und setzen auf offene Schnittstellen. Sie sind erweiterbar, geniessen eine grosse Verbreitung und werden langfristig weiterentwickelt.

Diese Technologien setzen wir nachhaltig ein: Wir programmieren nach anerkannten Standards, unterteilen Anwendungen in kleine und wiederverwendbare Komponenten, testen automatisiert und planen langfristig. Wir bevorzugen die saubere Lösung gegenüber der schnellen, wenn wir Ihnen so mittelfristig Kosten ersparen können.

Komplexe Software entwickeln wir iterativ: in kleinen Schritten, die Sie regelmässig testen und abnehmen können. So senken wir gemeinsam Kostenrisiken, machen das Projekt und die Freude daran greifbar.

Michael van der Weg, Tobias Kneubühler, Michael Rüfenacht
Pflanze

Analyse

Eine Strategie zu haben, ist das eine. Ihren Erfolg zu messen das Entscheidende. Die in der Konzeptionsphase festgelegten Zielwerte analysieren wir nach der Umsetzung. Erkenntnisse fliessen in die Weiterentwicklung ein. Stärken des Produkts betonen, Schwächen beseitigen wir.

Anhand von A/B-Tests messen wir die Reaktion der Nutzer auf neue Features und Inhalte. So lernen und verbessern wir kontinuierlich. Eine zentrale Voraussetzung für den Erfolg jedes Projekts.

Joinbox Terrasse
Yoda

Weiterentwicklung und Unterhalt

Weiterentwicklung

Selten endet ein Projekt mit dessen Veröffentlichung. Besonders, wenn wir mit dem Minimalumfang starten, ist die analysegestützte Weiterentwicklung erfolgsentscheidend. Unsere Applikationen passen wir laufend an neue Erkenntnisse, Technologien und Entwicklungen an. Damit sie jahrelang aktuell bleiben.

Unterhalt

Software braucht Pflege. In regelmässigen Abständen spielen wir Security-Updates ein, aktualisieren Komponenten, beheben Mängel. Grundlage dieser Arbeiten bildet in der Regel ein Service Level Agreement (SLA), das Reaktionszeiten verbindlich festlegt und Kosten pauschalisiert.

Töggelichaschte

Wir sind Spezialisten für Web- und Mobile-Applikationen, Websites und Online-Shops.

Applikationen

Applikationen sind kundenspezifische Software-Entwicklungen, sind Königsdisziplin: Apps für iOS oder Android, Portale und Plattformen, Business Tools oder Software-Anwendungen. Sie decken Funktionen ab, welche über einen Online-Shop oder eine Website hinausgehen. Wir starten am liebsten mit dem Minimalumfang, einem «Minimum Viable Product». Wir messen seinen Erfolg, lernen daraus und bauen die Applikation gestützt auf diese Erkenntnisse laufend aus. Das minimiert Risiken.

Erfolgsentscheidend ist, dass wir Ihre Bedürfnisse, Ideen und Vorstellungen kennen oder gemeinsam erarbeiten. Darauf gestützt legen wir in einem ersten Schritt eine klare Strategie fest und dokumentieren diese. In einer zweiten Phase gestalten wir die Applikation, in einer dritten setzen wir sie um – jeweils mit Kostendach und verbindlichem Zeitplan.

Applikationen basieren häufig auf einem Framework; wir verwenden primär node.js mit Distributed und Related, Sails und Express oder PHP mit Symfony.

Referenzen: The Body Shop: E-Learning, Saia-Burgess Controls, Cornèrcard Kinokalender, Kundenplattform für Cornèrcard.

Wolken

Websites

Websites können Corporate Websites, Blogs, Microsites oder Landing Pages sein. Eine Website verfolgt einen Geschäftszweck: Sie soll Produkte verkaufen, über Dienstleistungen informieren, Ihre Markenbekanntheit steigern. Diese Ziele stehen bei uns immer im Zentrum: während der Konzeption, der Gestaltung und der Umsetzung. Und nach der Umsetzung messen und rapportieren wir, ob sie erreicht werden. Damit Sie jederzeit wissen, welchen Nutzen Ihnen die Website bringt.

Zentral ist, die Inhalte einer Website sinnvoll zu strukturieren, ihr eine klare Informationsarchitektur zu Grunde zu legen – gerne beraten wir Sie diesbezüglich. Damit diese Inhalte möglichst einfach erstellt und verändert werden können, basieren Websites in der Regel auf einem Content Management System (CMS). Wir verwenden hauptsächlich WordPress und Drupal.

Referenzen: Saia-Burgess Controls, Swisscom SmartLife.

Michael Rüfenacht, Raphael Marti, Tobias Kneubühler
Joinbox' Büro

Online-Shops

Ein Online-Shop soll Conversions (Abschlüsse) generieren. Das bedingt primär eine klare Strategie und Positionierung – dabei unterstützen wir Sie gern. Wir empfehlen, mit einer minimalen Lösung zu starten und diese laufend zu optimieren und erweitern. So senken Sie Geschäfts- und Kostenrisiken. So bleiben Sie nahe an den Kunden.

Zu einem Abschluss führen verschiedenste Wege – meistens sind es Umwege. Nur selten kauft ein Kunde beim ersten Besuch. Nachhaltige Kundenpflege (Newsletters, Social Media, Mailings, Remarketing) ist erfolgsentscheidend. Kunden in diesen Kreislauf zu bringen ist unser erstes Ziel. Sie zu Käufern zu machen das zweite.

Wir fokussieren auf eine hervorragende User Experience – der Shop muss einfach, klar und übersichtlich sein; eine Bestellung soll Freude bereiten. Je nach Anforderungen setzen wir dabei auf die E-Commerce-Lösungen von Shopify, Symfony, WordPress mit WooCommerce oder node.js.

Referenzen: Swisscom SmartLife, Kundenplattform für Cornèrcard.

Paket
Blüemli

Naturhistorisches Museum Bern

  • Umsetzung
  • Wartung und Support
  • laufende Weiterentwicklung
Naturhistorisches Museum Bern

E-Learning

  • Konzept (Produktentwicklung und Requirements Engineering)
  • Gestaltung
  • Umsetzung
  • Schulung und Dokumentation
  • Support und Weiterentwicklung

«Wow. Diese Herren haben Drive. Mich muss man begeistern – und das haben sie! Wie? Indem E-Learning nach kürzester Zeit einsatzbereit war – und sich genau richtig anfühlt»

Angelika Lanen CEO, The Body Shop Switzerland AG (bis Februar 2018)
E-Learning für The Body Shop

Saia-Burgess Controls

  • Produktentwicklung
  • Umsetzung
  • Dokumentation
  • Wartung und Support
  • laufende Weiterentwicklung

«Erfahrung, Kompetenz und Motivation – weil die Leute hinter Joinbox sehr eng mit ihren Kunden zusammenarbeiten, kommen diese drei Qualitäten bei jeder Idee zum Tragen.»

Markus von Holtey Head of Marketing & Communication EMEA, SBC
Saia-Burgess Controls
Infect

Applikation für Antibiotika-Resistenzen

  • Konzept
  • Gestaltung
  • Umsetzung
  • Hosting
  • Weiterentwicklung

«Innerhalb kurzer Zeit hat Joinbox ein Produkt gefertigt, das einen gewaltigen Fortschritt für die angewandte evidenzbasierte Medizin darstellen wird. Danke, Jungs!»

Dr. med. Pascal M. Frey INFECT
Kellenberger Management Consulting

Kellenberger Management Consulting

  • Konzept
  • Gestaltung
  • Umsetzung

«Dank Joinbox ist unsere Website erfolgreich in der Zukunft angekommen. Joinbox zeigte eindrücklich, was mit einem ‹Change› an einer Website möglich ist.»

Karl Kellenberger Inhaber und CEO KMC
Omeris – Selbstbestimmt leben

Omeris – Selbstbestimmt leben

  • Konzept
  • Umsetzung

«Die Zusammenarbeit mit Joinbox verlief getreu dem Motto von Omeris: ‹Viele kleinere, aber regelmässige Lebensfreuden sind wichtiger als einige wenige Höhepunkte›.»

Roland Gempeler Omeris AG, Leiter Region Olten
Mission Raumfahrt

Mission Raumfahrt

  • Konzept
  • Umsetzung
  • Unterhalt

«Mit Joinbox nach den Sternen greifen – und dabei am Mars vorbeifliegen. Unter diesem Motto stand die Umsetzung der Website ‹Mission Raumfahrt› für das Verkehrshaus der Schweiz. Da die Joinbox-Jungs ihr Handwerk verstehen, haben sie unsere Rakete erfolgreich gezündet und zum Fliegen gebracht.»

Mathias Kälin Junior Art Director, WPS medienservice AG

Cornèrcard Emotions Moments

  • Konzept
  • Gestaltung
  • Umsetzung
  • Unterhalt

«Mit der Digitalisierung unseres Moments Magazins bieten wir unseren Kunden das Lesevergnügen nun auch auf Tablets und Smartphones an. Grazie Joinbox!»

Valeria Vignolini Product Manager Cornèrcard, E-Services & Channel Development
Cornèrcard Emotions Moments
Media World

Media World

  • Konzept
  • Umsetzung
  • Unterhalt

«Mit der Website zur Ausstellung ‹Media World› wollten wir den Besucher des Verkehrshauses auch virtuell eine interaktive Erlebniswelt bieten. Dank der unkomplizierten Zusammenarbeit mit Joinbox ist uns das hoffentlich auch gelungen.»

Mathias Kälin Junior Art Director, WPS medienservice AG
Righetti & Partner

Righetti & Partner

  • Konzept
  • Gestaltung
  • Umsetzung

«Mit kreativem Enthusiasmus entwickelte Joinbox unsere neue Website und fokussierte dabei stets auf das Relevante.»

Claudio Righetti Managing Owner Righetti & Partner

Swisscom SmartLife

  • Weiterentwicklung
  • Konzeption
  • Unterhalt

«Mit Joinbox haben wir nicht eine Agentur, sondern einen Partner gefunden. Ein Team, das uns kompetent berät und mit uns den Weg nach vorne geht.»

Kathrin Spatzier Marketing Manager Swisscom Smart Living
Swisscom SmartLife
Miss Schweiz
  • Konzept
  • Gestaltung
  • Umsetzung
  • Weiterentwicklung

«Schönheit allein tut's nicht. Wie bei der Wahl zur ‹Miss Schweiz› zählen auch bei Webseiten innere Werte: Nutzerfreundlichkeit, Struktur, Übersichtlichkeit und Inhalt.»

Lauriane Sallin Miss Schweiz 2016
Pasito

Online-Shop

  • Gestaltung
  • Umsetzung
  • Weiterentwicklung

«Wo ein Wille ist, ist auch ein Weg. Allein für diese Einstellung liebe ich die Zusammenarbeit mit den Joinbox-Jungs. Sie wollen – und sie lösen: Kompetent, hartnäckig – und immer wieder auf überraschende Art und Weise.»

Janine Eichenberger Leiterin E-Commerce (bis Juli 2015), Pasito Switzerland

Cornèrcard Kinokalender

  • Konzept
  • Gestaltung
  • Umsetzung
  • Weiterentwicklung

«Mit dem Kinokalender von Cornèrcard Emotions bieten wir unseren Kunden ein hilfreiches und benutzerfreundliches Tool zur Freizeitgestaltung.»

Beat Weidmann Head of Marketing Cornèrcard, Products & Services
  • Konzept
  • Gestaltung
  • Umsetzung
  • Weiterentwicklung
  • Domain-Kauf

«Die Webseite von Luvé ist wie Haute-Couture, bis ins kleinste Detail durchdacht und mit Raffinesse verarbeitet.»

Claudio Righetti Managing Owner Righetti & Partner, Strategic Art Director Luvé
Hotel Grand Regina
  • Konzept
  • Texting
  • Bildrecherche
  • Gestaltung
  • Umsetzung
  • Weiterentwicklung

«Was Joinbox einzigartig macht, ist, dass sie uns auf Augenhöhe begleiten: Persönlich, partnerschaftlich, engagiert, ehrlich.»

Tobias Reinhard Dipl. Arch. ETH / SIA, Nüesch Development

Kunden-Plattform für Cornèrcard

  • Konzept
  • Gestaltung
  • Umsetzung
  • Weiterentwicklung
  • Hosting

«Das Joinbox-Team begleitet uns nicht nur, es unterstützt und inspiriert uns auch. Die Crew denkt mit.»

Manuel Leclerc Supervisor Cornèrcard New Media, Channel & Service
IP Suisse Drag'n'Drop Game
  • Konzept
  • Gestaltung
  • Umsetzung
  • Hosting
Quiz für die AZ Medien
  • Konzept
  • Gestaltung
  • Umsetzung
  • Hosting
Events.ch

Event-Plattform

  • Konzept
  • Gestaltung
  • Umsetzung
  • Weiterentwicklung
TOASTED.
  • Logo
  • Konzept
  • Gestaltung
  • Umsetzung
  • Weiterentwicklung

«Der Beitrag von Joinbox ist Grundlage für unsere kontinuierlichen Weiter- und Neuentwicklungen.»

Philipp Bareth CEO Toasted
  • Idee
  • Konzept
  • Gestaltung
  • Umsetzung

«Früher war alles besser. Joinbox ist da keine Ausnahme. Dies bedeutet jedoch nicht, dass ich nicht sofort wieder mit ihnen arbeiten würde.»

Konrad Mazanowski ehemaliger Mitinhaber Joinbox
Joinbox-App
  • Produkt
    E-Learning-Plattform für The Body Shop Switzerland. Von Grund auf und individuell für 226 Mitarbeiterinnen konzipiert und entwickelt.
    Zur Website
  • Aufgaben
    Konzept (Produktentwicklung und Requirements Engineering), Gestaltung, Umsetzung, Schulung und Dokumentation, Support und Weiterentwicklung.
  • Technologien
    Backend: Symfony, PHP und MySQL
    Frontend: HTML5, CSS3, Web Components/Custom Elements über ES2015
The Body Shop

Über The Body Shop

The Body Shop, gegründet 1976 in England, wird in der Schweiz durch die Coop-Gruppe als Franchise-Unternehmen betrieben. The Body Shop und seine Produkte stehen für Nachhaltigkeit, das Unternehmen setzt sich für fairen Handel, Tierschutz und Menschenrechte ein. In der Schweiz betreibt The Body Shop rund 50 Filialen, das «Head Office» befindet sich in Uster.

Den Fax ablösen ...

The Body Shop hat in der Schweiz rund 226 Mitarbeiterinnen. Sie sind verteilt auf 49 Filialen, die meisten arbeiten Teilzeit. Es ist der Anspruch von The Body Shop, dass diese Mitarbeiterinnen von neuen Produkten, Markenwerten und Verkaufsstrategien erfahren, dass sie auf dem Laufenden bleiben und regelmässig geschult werden. Bisher geschah dies über Newsletters, welche in die einzelnen Filialen gefaxt wurden.

... und die App einführen

Bis wir diesen Prozess im Mai 2017 digitalisierten und «The Body Shop E-Learning» einführten. Damit werden die Inhalte nicht nur über das Web ausgeliefert (und Kosten gesenkt), wir nutzen auch andere Mehrwerte dieses Kanals:

  • Anhand von Fragen und Antworten kann jede Mitarbeiterin den eigenen Lernfortschritt messen und über einfache Statistiken auswerten.
  • Richtig beantwortete Fragen, Besuche und abgeschlossene Kurse geben Punkte. Mit diesen erstellen wir eine Filialen-Rangliste – The Body Shop E-Learning ist damit auch ein (kleines) Social Network.
  • Das Head Office und die Filialleiterinnen können detaillierte Statistiken zu Filialen, Nutzern und Kursen einsehen, die Inhalte so dem Nutzerverhalten anpassen und zu besseren Resultaten animieren.
  • Statische inhalte werden interaktiv und multimedial – Video, Bild und Text werden kombiniert und ergänzen sich gegenseitig.
Angelika Lanen

«Wow. Diese Herren haben Drive. Mich muss man begeistern – und das haben sie!

Wie? Indem sie meine Anforderungen innert Wochenfrist zu einem täuschend echten Prototypen machten. Indem sie diesen um eigene Ideen ergänzten. Indem E-Learning nach kürzester Zeit einsatzbereit war – und sich genau richtig anfühlt.»

Angelika Lanen CEO, The Body Shop Switzerland AG (bis Februar 2018)

Rapid Prototyping

Zägg-zägg-zägg – «The Body Shop E-Learning» war Produktentwicklung par excellence: Eng mit dem Kunden zusammen, rasch und mit einem erreichbaren Ziel vor Augen.

  • Start: Briefing durch den Kunden
  • Nach 2 Wochen: Präsentation der Lösung durch Joinbox anhand von «Clickable Prototypes»
  • Nach 3 Wochen: Offerte und Timeline
  • Nach 4 Wochen: Freigabe des Auftrags
  • Nach 3 Monaten: Erster Prototyp für den Kunden, User-Testing durch die Filialleiterinnen
  • Nach 4 Monaten: Einpflegen der Inhalte
  • Nach 6 Monaten: Veröffentlichung

Der sinnvolle Minimalumfang, der Einsatz von klickbaren Prototypen und der frühe Einbezug der Nutzerinnen machten das Einhalten von Budget und Zeitplan einfach. Und wurde, ganz neu für uns, an der jährlichen Tagung der Filialleiterinnen mit Applaus und Yeah-Rufen bestätigt. Dafür danken wir herzlichst!

Präsentation der Lösung durch Joinbox anhand von «Clickable Prototypes»
Simon Kortekaas

«Joinbox ist ehrlich: Wenn ihnen etwas zu weit geht, dann sagen sie das auch.

Und Joinbox ist kreativ: Wenn etwas fehlt, dann haben sie eine Lösung bereit. Das Resultat dieser beiden Eigenschaften sieht man in The Body Shop E-Learning – und davon sind wir begeistert.»

Simon Kortekaas Head of HR & Training, The Body Shop Switzerland

Nutzerinnennah

Der durchschnittliche Nutzer von «The Body Shop E-Learning» ist eine Nutzerin, zwischen 30- und 40-jährig, arbeitet Teilzeit in einer Filiale, spricht eine der drei Landessprachen. Hat während der Arbeit immer wieder kurze kundenfreie Pausen, nutzt das Smartphone deutlich häufiger als ein Tablet oder einen Computer.

Diesen Vorgaben entspricht unser Produkt: Es ist ausgelegt auf Smartphones (Lesbarkeit, Ladezeiten, Layout), Arbeitszeiten (kurze Kurse für kurze Pausen) und Arbeitsweise (Motivation durch Quiz und Wettbewerb).

Um das zu erreichen, haben wir kein bestehendes Learning-Management-System (LMS) verwendet, sondern mit Symfony auf ein abstraktes Framework gesetzt. Damit sind auch die Möglichkeiten für kommende Weiterentwicklungen unbegrenzt.

Moodle (LMS)
The Body Shop E-Learning

Sexy E-Learning

Lernen hat diesen Beigeschmack von Zwang. Auch The Body Shop E-Learning ist Pflicht für die Mitarbeiterinnen – aber eine Pflicht, der man gern und freiwillig nachgeht.

Durch ein Quiz im Stil von «Wer wird Millionär?» und das Antreten der Filialen gegeneinander wird Lernen zur spielerischen Herausforderung. «Gamification» nennen wir das.

Das Quiz ist mehr als ein Spiel: Es ist ein Instrument für Filialleiterinnen und das Head Office, den Lernfortschritt der Mitarbeiterinnen zu verfolgen, sie zu motivieren und individuell zu fördern.

  • Produkt
    Corporate Website und diverse Applikationen für Saia Burgess Controls.
    Zur Website
  • Aufgaben
    Konzept, Design, Umsetzung, Weiterentwicklung
  • Technologien
    Backend: Node.js mit Loopback-Framework von IBM, MongoDB, PostgreSQL.
    Frontend: HTML5, CSS3, JavaScript/ES7, W3C Custom Elements, AngularJS.
  • Partner
    Design: Leuzinger + Partner
    TYPO3: Netcase
Saia Burgess Controls

Über Saia-Burgess Controls

Saia-Burgess Controls AG mit Sitz in Murten fertigt Komponenten für Gebäudeautomation. Dank schlanken Produktionsmethoden – agilen Ansätzen wie wir sie auch verfolgen – ist der Schweizer Produktionsstandort kompetitiv. Und erfolgreich: Der Jahresumsatz beläuft sich auf rund CHF 90 Mio.; das Unternehmen hat 250 Mitarbeiter, besteht seit 1950 und wurde 2012 vom Honeywell-Konzern übernommen. Die Produkte zeichnen Innovation und Qualität, offene Schnittstellen und eine extreme Langlebigkeit von bis zu 25 Jahren aus.

Saia-Burgess Controls in Murten

Unternehmenswebsite mit Mehrwerten

SBC haben wir nicht von Grund auf entwickelt, sondern im Kindesalter – kurz nach dem Release – übernommen von Netcase. Kinder haben Kinderkrankheiten. Diese behoben wir im ersten Halbjahr. Seither widmen wir uns der Wartung und insbesondere der Weiterentwicklung.

Websites verfolgen keinen Selbstzweck. So ist die Website von SBC auch dazu da, Prozesse zu optimieren, Kunden zu gewinnen, Supportanfragen zu reduzieren. Um diese vielschichtigen Anforderungen abzudecken, setzt SBC auf TYPO3 (als Content-Management-System für die Marketing-Seite) und IBM Loopback (als Framework für die Applikationen). Beide Teile spielen nahtlos zusammen – Besucher bemerken die Trennung nicht.

Markus von Holtey

«Erfahrung, Kompetenz und Motivation – weil die Leute hinter Joinbox sehr eng mit ihren Kunden zusammenarbeiten, kommen diese drei Qualitäten bei jedem unserer gemeinsamen Projekte zum Tragen.

Die Lösungen, welche daraus entstehen, funktionieren. Und aus einer Idee wird so schnell eine nachhaltige, intuitive und überzeugende Web-Anwendung.»

Markus von Holtey Head of Marketing & Communication EMEA, SBC

Exkurs: Micro-Services

Wie bei anderen Projekten auch, setzen wir bei SBC auf Micro-Services – kleine Softwarekomponenten mit einer beschränkten, klar definierten Zuständigkeit und gut dokumentierten, getesteten und öffentlichen Schnittstellen. Über diese Schnittstellen kommunizieren die Komponenten untereinander. Diese strikte Unterteilung von Software in Komponenten bedingt eine saubere Planung und zwingt zu sauberer Arbeitsweise. Und bringt weitere Vorteile mit sich: Weniger manueller Testaufwand, Wartbarkeit, Erweiterbarkeit, Wiederverwendbarkeit; Software mit Zukunft.

Kurz: Micro-Services sind für uns eine notwendige Voraussetzung für ein Projekt dieser Grösse geworden.

Microservice-Architecutre
Michael van der Weg

«Jede Software-Anpassung – sei’s ein Bugfix oder die Entwicklung eines neuen Features – kann Side-Effects haben: ungewollte Veränderungen an einem anderen Ort. Grosse Projekte wie SBC funktionieren nur, wenn wir diese Side-Effects minimieren.

Anders ist eine Weiterentwicklung nicht möglich. Automatisch getestete und gut dokumentierte Micro-Services spielen dabei die zentrale Rolle.»

Michael van der Weg CTO Joinbox

Herausforderung Lebensdauer

Die avisierte Lebensdauer der SBC-Website ist zwar geringer als jene der SBC-Produkte, soll aber im Backend bei gut 10 Jahren liegen. Für Software ein beachtliches Alter. Dieses erreichen wir, indem wir

  • auf junge, doch erprobte Open-Source-Technologien mit einer starken Community setzen (Node.js, IBM Loopback),
  • neue technologische und architektonische Entwicklungen (z.B. Micro Services) berücksichtigen und unseren Code laufend aktualisieren,
  • nicht den schnellsten, sondern den abstrakteren und nachhaltigen Weg wählen,
  • jede neue Funktion im Vorfeld hinterfragen, sauber planen und dabei die Auswirkungen auf das ganze System berücksichtigen und
  • jede Anforderung und die gewählte Lösung laufend dokumentieren und begründen.
Lorenzo Kappeler

«Bei Joinbox fliesst viel Zeit und Energie in die Produktentwicklung, bevor mit der eigentlichen technischen Umsetzung begonnen wird. Das ermöglicht uns, Software nachhaltig aufzubauen und schafft Planbarkeit: für den Kunden, für Joinbox und für mich als Entwickler.

Gleichzeitig haben wir einen klaren Weg definiert, um die Softwarequalität und ihre Lebensdauer hoch zu halten: mit automatischem Testing, Micro-Services und disziplinierter Dokumentation.»

Lorenzo Kappeler Backend-Entwickler, Joinbox

«Am Anfang war das Gespräch.»

Um eine Website oder eine Applikation zu entwickeln, muss man das Geschäft dahinter verstehen: das Problem, das man lösen soll; und auch die aktuelle Lösung und deren Schwachstellen und Stärken.

Jede Neuentwicklung beginnt deswegen mit einem Gespräch. Mit allen Beteiligten. Mit unzähligen Fragen. Mit mehr Fragen und Rückfragen.

Darauf denken wir eine Lösung an, halten diese fest. Bereinigen sie intern und vereinfachen sie – berücksichtigen dabei Machbarkeit, Aufwand und andere Anforderungen. Diskutieren sie mit dem Kunden. Und bereinigen wieder. Bis das Problem eine konkrete Lösung hat, nachhaltig und intuitiv. Erst danach setzen wir um.

Diese intensive Vorbereitung braucht Zeit – wir sparen aber ein Vielfaches davon ein, indem die Fragen, weiteren Fragen und Rückfragen nicht während der Umsetzung aufkommen. Oder noch schlimmer: erst danach.

Kan-bang!

SBC produziert in Murten. Schweizer Standort und trotzdem kompetitiv. Wie das? Dank schlanker Arbeitsweisen. Englisch: Lean Methodologies. Konkret: Just-in-Time-Produktion mittels Kanban. Erstaunlich: Wir setzen auf die gleichen Methoden – Kanban, schlanke Pipelines, kurze Produktzyklen.

Was heisst das? Wenn wir ein Projekt umsetzen, unterteilen wir dieses in kleine Aufgaben. Jede Aufgabe durchläuft einen Zyklus: Idee, Produktentwicklung, Review, Umsetzung, Review, Testing, Abnahme, Dokumentation, Release. In jedem dieser Schritte kann sich nur eine beschränkte Anzahl an Aufgaben befinden; innerhalb jedes Schritts werden die Aufgaben priorisiert. Die jeweils wichtigste wird erledigt und wechselt darauf zum nächsten Schritt; die wichtigste Aufgabe aus aus dem vorangehenden Schritt rutscht nach. Dieses einfache System visualisieren wir anhand von Kanban-Boards. Ein explosives Gemisch. Kan-bang.

Raphael Marti

«Kompetitiv trotz Schweizer Produktion – dank schlanker Arbeitsweise. Verschiedene Wirtschaftszweige, gleiche Grundlagen. Auch das verbindet SBC mit Joinbox. Ein perfekter Match.»

Raphael Marti Projektleiter SBC, Joinbox
  • Produkt
    Online-Shop und Website für Swisscom SmartLife, das Überwachungs- und Steuerungs-System der Swisscom für jedes Zuhause.
  • Aufgaben
    Weiterentwicklung, Konzeption und Unterhalt
  • Technologien
    Backend: WordPress und WooCommerce
    Hosting: Safe Swiss Cloud
    Frontend: HTML5, CSS3 und Plain Ol’JavaScript. Google Tag Manager und Custom Metrics für Google Analytics.
Swisscom SmartLife

Über Swisscom SmartLife

Die Zukunft gehört der Home-Automation – dem Steuern und Überwachen von Gebäuden aus Distanz oder von selbst. Dass Home-Automation nicht bloss Zukunfts*musik* ist, beweist SmartLife von Swisscom: Eine greifbare Lösung zur Überwachung und Fernsteuerung des eigenen Zuhause per Smartphone-App. Über eine Zentrale werden Kamera, Steckdosen, Bewegungs- und Rauchmelder, Temperatur- und Wassersensor mit dem Internet und dadurch mit der SmartLife-App verbunden. Das Zuhause ist, wo das Smartphone ist.

Kathrin Spatzier

«Mit Joinbox haben wir einen kompetenten und greifbaren Partner für die Weiterentwicklung der SmartLife-Plattform gefunden.

Die Entscheidungswege sind kurz, die Zusammenarbeit angenehm unkompliziert. Das Resultat? Überzeugende Lösungen und Freude am gemeinsamen Weg dahin.»

Kathrin Spatzier Marketing Manager Swisscom Smart Living

Conversions ftw!

Eine Anzeigenkampagne ist nur so gut, wie die Landing-Page, auf welche sie führt. Gelingt es dieser Seite nicht, die Nutzer zu informieren, zu fesseln, zu konvertieren – stoppen Sie die Kampagne, Sie verschwenden Geld.

Im Gegenzug ist eine gute Landing-Page Gold und Diamanten wert. Wenn sie die Nutzer dazu bringt anzurufen, zu bestellen, eine E-Mail-Adresse zu hinterlassen, ein Beratungsgespräch anzufordern, einen Newsletter zu abonnieren, Fan zu werden – dann wird sie ein zentraler Treiber Ihres Geschäftserfolgs.

Anzeigenkampagnen – Google AdWords, Facebook, Schweizer Display-Netzwerke – sind ein wichtiges Standbein der Werbestrategie von Swisscom SmartLife. Optimierte Landing-Pages sind deswegen Pflicht und unsere Kür.

Derya Kilic

«Unsere Web-Projekte setzen wir gemeinsam mit Joinbox um. So kommt unser Produkt-Wissen mit der User-Experience- und Technologie-Erfahrung von Joinbox zusammen.

Diese Partnerschaft führt zu nachhaltigen Lösungen, welche SmartLife weiterbringen.»

Derya Kilic Jr. Marketing Manager Swisscom Smart Living

Schneller ist besser. Wirklich

Der bei WordPress verwendete Page-Builder steht schnellen Ladezeiten der SmartLife-Website etwas entgegen. Und langsame Ladezeiten hindern den Erfolg einer Website. Soweit dies möglich war, haben wir deswegen die Geschwindigkeit der Seite bei der Projektübernahme verbessert und Caches eingebaut, die Anzahl verwendeter Schriften reduziert, Dateien zusammengefügt und komprimiert, Slideshows eine fixe Höhe gegeben, Bilder auf die jeweilige Gerätegrösse optimiert.

Ladegeschwindigkeit nach Optimierungen
Ladegeschwindigkeit vor Optimierungen

Messbare Resultate

Es ist der Anspruch von Joinbox, den Nutzern nicht nur hervorragende, sondern messbare Resultate zu liefern. Dazu braucht’s vor allem gute Daten. Kaum ein Web-Analytics-Tool misst die «Time on Site» korrekt und rasch stossen diese Werkzeuge bei Websites, die aus wenigen und langen Seiten bestehen (sogenannte «One-Pager») an ihre Grenze. Da sie sich aber bestens erweitern lassen, führten wir für Swisscom SmartLife zwei «Custom Metrics» für die Frontseite ein, um detailliertere Einblicke in das Nutzerverhalten zu gewinnen: Die eine misst die «True Time on Site» (die effektive Zeit, die ein Nutzer auf der Seite verbringt), die andere die «Scroll Depth» (wie weit ein Nutzer auf der Seite nach unten scrollt). Die Auswirkung von Änderungen an der Frontseite können zukünftig einfach und präzis gemessen werden. Ob eine Massnahme erfolgreich ist, bestimmt sich nicht mehr nach Gefühl – sondern nach Zahlen und damit nach dem Verhalten der Nutzer. Inversion of Control, Demokratie 3.0.

var arrivedOnSite 		= new Date().getTime()
	, timeAway 			= 0
	, timeLeftPage;

// Stop tracking «true time on site» if tab is hidden
window.addEventListener( 'visibilitychange', function() {

	// Store time user left page
	if( document.hidden ) {
		timeLeftPage = new Date().getTime();
	}
	else {

		// User leaving page was not recorded
		if( !timeLeftPage ) {
			return;
		}

		timeAway += new Date().getTime() - timeLeftPage;
		timeLeftPage = undefined;

	}

} );
  • Produkt
    Eine Website, über welche Cornèrcard-Kunden von exklusiven Event-Angeboten profitieren können: vergünstigte Tickets, Verlosungen, «Meet and Greet»-Veranstaltungen, VIP-Anlässe. Gleichzeitig ein schweizweiter Event-Kalender mit über 30’000 Einträgen.
    Zur Plattform
  • Aufgaben
    Konzept, Design, Umsetzung, Weiterentwicklung, Hosting
  • Technologien
    Backend: Mandantenfähige EventBooster-Architektur, basiert auf node.js, distributed, related und PostgreSQL
    Hosting: Amazon Web Services
    Frontend: angular.js, Bootstrap, HTML5 und CSS3
  • Partner
    EventBooster AG (Konzept, Daten, Support)

Über Cornèr Bank AG/Cornèrcard

Cornèrcard, eine Division der Cornèr Bank AG, gehört zu den Pionieren auf dem Schweizer Zahlungskartenmarkt. Als Herausgeberin von Visa, MasterCard und Diners Club Karten bietet sie ihren Kunden eine breite Palette von Produkten und Dienstleistungen an, die auf neusten Technologien beruhen.

Mobile Web Application

«Mobile First»: Tönt gut – ist’s aber nicht. Nicht immer.

Wenn ein Begriff zu häufig fällt, ist er überstrapaziert. Wie eben «Mobile First». Kunden besuchen «Emotions» zu 45% von Mobiltelefonen, zu 10% von Tablets und zu 45% von Computern aus. Auch wenn sich das Verhältnis zu Gunsten von Mobilgeräten verschiebt: Es gibt keinen Grund, sie bevorzugt zu behandeln. Konzept, Design und Nutzerführung sollen für die jeweilige Gerätekategorie optimiert sein – keine soll sich einer anderen unterordnen müssen. Desktop-Webseiten sind komplexer, weswegen wir sie zuerst gestalten. Ihren Umfang reduzieren wir dann für Mobile – was wiederum Auswirkungen auf die Desktop-Variante hat. Nicht «first», nicht «last»: «Together» ist die Lösung – auch wenn dem Begriff das für eine Headline notwendige Konfliktpotential fehlt.

Minimierte Komplexität

Cornèrcard Emotions kennt 7 verschiedene Checkout-Varianten, welche aus 12 möglichen Schritten bestehen können: Login, Bezahlen, Adresse eingeben, AGB annehmen, BIN, Gästenamen oder Gutschein-Code eingeben, Fragen beantworten mit oder ohne vordefinierte Antworten. Und vieles mehr. Ausgesprochen spannende Funktionen – für Leute, die sich dafür interessieren. Dazu gehören die Kunden sicher nicht. Deswegen haben wir den Checkout in einem grafisch und funktional absolut reduzierten Formular untergebracht, das sich auf mobilen Geräten so gut bedienen lässt wie von einem Computer aus.

Manuel Leclerc

«Unsere Kunden nutzen und schätzen Emotions: die einfache Bedienung, die Übersichtlichkeit und das schlichte Design.

Dank dieses Grundsteins wurden unsere Erwartungen an Nutzerzahlen und -verhalten deutlich übertroffen. Und das verdanken wir auch Joinbox.»

Manuel Leclerc Supervisor Cornèrcard New Media, Channel & Service

Nicht nur eine Website – eine ganze Software-Architektur

Cornèrcard Emotions ist eine individuelle Entwicklung und gleichzeitig Teil der EventBooster-Software-Architektur: Einer mandantenfähigen Web-Lösung, welche auf Event- und Kinodaten fokussiert und diese um Shopping- und Verlosungsfunktionen ergänzt. Mandantenfähig bedeutet: Mehrere Websites laufen auf denselben Servern und der gleichen Software-Instanz, haben aber voneinander strikte getrennte Daten und Frontends.

API First

Emotions läuft auf dem von Joinbox entwickelten Distributed-Framework. Distributed ist Open Source und basiert auf nodeJS. Im Wesentlichen tut es bloss drei Sachen – diese aber besonders gut:

  • Es mappt die Datenbank auf eine standardisierte Web-Schnittstelle (REST-API).
  • Es erlaubt, das Mapping über Controller zu erweitern und so massgeschneiderte und wiederverwendbare Komponenten (Micro Services) zu fertigen.
  • Es stellt ein Protokoll zur Verfügung, um diese Micro Services miteinander zu verbinden, ist damit eine Service-orientierte Architektur (SOA).

Das Meiste davon ist für die Meisten Blabla, deswegen das Zentrale in Kürze: Distributed stellt eine saubere und erweiterbare REST-API bereit. Also eine standardisierte, web-basierte Schnittstelle, über welche Mobile Apps, Websites und alle anderen mit dem Internet verbundenen Geräte in einfachster Weise mit Emotions kommunizieren können. So konnten beispielsweise ohne Zutun von Joinbox die aktuellen Verlosungen auf Emotions in die Mobile-App von Cornèrcard integriert werden. Pure Magic.

Valeria Vignolini

«Emotions ist eine sehr umfangreiche Plattform, umso wichtiger ist ein verlässlicher Ansprechpartner. Joinbox ist jederzeit für uns da. Und zwar rasch und unkompliziert – auch ausserhalb der Bürozeiten.»

Valeria Vignolini Product Manager Cornèrcard, E-Services & Channel Development

Zentrale Anforderung: Klare Anforderungen

Klar definierte Anforderungen an eine Website sind die zentrale Voraussetzung, um bei einem Projekt Budget und Zeitplan einhalten zu können. Dies gilt insbesondere für ein initiales Release mit dem Umfang von Emotions. Planungsgrundlage waren eine funktionale Spezifikation und Wireframes, die während der Umsetzung kontinuierlich weiterentwickelt wurden. Diese Änderungen fanden aber erst Eingang in die Version 1.1, sodass das erste Release (mit den ambitionierten zeitlichen Vorgaben) von Änderungswünschen unberührt blieb.

Die Entwicklung startete mit «Clickable Prototypes» für die relevanten Workflows, welche darauf mit der serverseitigen API verbunden wurden. Seit dem 1.0-Release im August 2014 wird die Plattform in kleinen Schritten optimiert und weiterentwickelt.

Visuelles Grundgerüst von Cornèrcard Emotions
Felix Steiner

«Wir lieben die Zusammenarbeit mit Cornèrcard – nicht nur wegen der Ausflüge ins Tessin.

Joinbox darf, kann und soll sich einbringen, und so finden wir oft gemeinsam mit Cornèrcard zu Lösungen, die am Ende beide Partner überraschen und begeistern.»

Felix Steiner CEO, Joinbox
  • Produkt
    Ein komplettes Kinoprogramm mit Sonderangeboten für Kunden, integriert in die bestehende Cornèrcard-Emotions-Website.
    Zum Kinokalender
  • Aufgaben
    Konzept, Design, Umsetzung, Weiterentwicklung
  • Technologien
    Backend: Mandantenfähige EventBooster-Architektur, basiert auf node.js, distributed und PostgreSQL.
    Hosting: Amazon Web Services.
    Frontend: angular.js, Bootstrap, HTML5 und CSS3.
  • Partner
    EventBooster (Konzept, Auftraggeber) und Cineman/Cinergy (Datenlieferant)

Über Cornèr Bank AG/Cornèrcard

Cornèrcard, eine Division der Cornèr Bank AG, gehört zu den Pionieren auf dem Schweizer Zahlungskartenmarkt. Als Herausgeberin von Visa, MasterCard und Diners Club Karten bietet sie ihren Kunden eine breite Palette von Produkten und Dienstleistungen an, die auf neusten Technologien beruhen.

Einfachheit, Eleganz

Wir mögen Seiten, wenn sie schlicht sind, und elegant. Wir reduzieren gern auf das Wesentliche. Nicht grundlos: Wir finden, dass eine übersichtliche und klar strukturierte Webseite ihre Aufgabe am besten erfüllt; tut sie dies mit Charme: umso besser.

Ein Kinoprogramm ist eine wunderbare Aufgabe, die schlicht und elegant gelöst werden kann. Entsprechend begeistert arbeiteten wir an Emotions Cinema. Anstelle von Filtern, Tabellen und viel Text, stellten wir die Filme in den Mittelpunkt, den eigentlichen Inhalt. Die Quintessenz eines ganzen Films in einem Bild, das Filmplakat, ist Dreh- und Angelpunkt von Emotions Cinema.

Ergänzt um die relevantesten Filter – und bald auch eine Volltextsuche – bildet die Liste von Filmplakaten die Einstiegsseite von Emotions Cinema und deckt damit die allermeisten Use-Cases einer Kinoplattform ab. So einfach. So schlicht.

Beat Weidmann

«Mit dem Kinokalender von Cornèrcard Emotions bieten wir unseren Kunden ein hilfreiches und benutzerfreundliches Tool zur Freizeitgestaltung.»

Beat Weidmann Head of Marketing Cornèrcard, Products & Services

Für die meisten Nutzer das Beste

Wenn alles nach Plan läuft – und das tut’s bei Emotions –, sind die Hauptnutzer einer Website weder der Auftraggeber noch die Agentur, sondern die Besucher. Deswegen beziehen wir sie gern früh in die Konzeption ein – und lernen immer wieder Überraschendes.

Eine zentrale Frage hatten wir in der Planungsphase von Emotions Cinema zu klären: Weswegen besucht ein Nutzer eine Kinoplattform? Anhand von Nutzerbefragungen haben wir die verschiedenen Nutzungsszenarien gesammelt und priorisiert (siehe Diagramm). Die Erkenntnisse bildeten und bilden Grundlage für die Konzeption, Umsetzung und Weiterentwicklung von Emotions Cinema; jede Anpassung an der Plattform wird daran gemessen.

Ziel von Cornèrcard war nie, alle Szenarien abzudecken – dafür gibt es andere Kinoseiten – sondern für die häufigsten Use-Cases die einfachste Lösung anzubieten. Deswegen haben wir die Funktionalität und das Design von Emotions Cinema ganz auf die meistgenannten Nutzerwünsche ausgerichtet: Die Suche nach Filmen, welche zu einer bestimmten Zeit an einem bestimmten Ort gezeigt werden.

Umfrage
Adrian Herrmann

«EventBooster arbeitet seit Jahren sehr eng mit Joinbox zusammen. Immer wieder lösen die Jungs von Joinbox die gestellten Aufgaben anders als erwartet, denken ‹out of the box› und begeistern uns alle damit.

Dabei decken sie alle relevanten Fachgebiete – Konzeption, Interaction und Web Design, Umsetzung von Front- und Backend, App-Entwicklung, Datenbank-Design, Unterhalt, direkte Kommunikation mit dem Kunden – mit höchster Effizienz und langjähriger Erfahrung ab. In Kombination mit ihrer Begeisterung für ihr Fachgebiet ist Joinbox ein unschlagbares Team.»

Adrian Herrmann Geschäftsführer, EventBooster AG
  • «Spielzeiten-Widget»

    Nutzer besuchen «Emotions Kino», um sich über die aktuellen Filme und ihre Spielzeiten zu informieren. Das «Spielzeiten-Widget» erlaubt die einfache Anzeige und Navigation durch alle Spielzeiten.

  • Übersicht

    Das Relevante ist auf den ersten Blick sichtbar – und alles Weitere nur einen Klick entfernt. Auf der interaktiven Frontseite können Ratings, Trailer, Beschreibung, Cast und Spielzeiten angezeigt werden. Ein Link führt direkt zu den Details des Films oder des Kinos – natürlich mit jeweiligem Programm.

  • Ratings

    «Heute Abend in meiner Nähe» liefert die Vorselektion – doch welcher Film darf’s sein? Wer Neues entdecken will, ist auf Entscheidungsgrundlagen angewiesen. Breit abgestützte Ratings von IMDB, Rotten Tomatoes und Cineman unterstützen bei der Filmwahl und werden überall prominent dargestellt.

Einer für Alle

Alle für Sie

Inhabergeführt

Ein von den Inhabern geführtes Unternehmen, ein Verbund von Gleichberechtigten, die auf ein gemeinsames Ziel hinarbeiten. Wir sind überzeugt, dass diese urdemokratische Agenturform wahrscheinlich nicht zu den einfachsten, aber sicherlich zu den nachhaltigsten Lösungen führt.

Begeisterung

Ein Team, dessen Mitglieder aus allen Himmelsrichtungen kommen – Volkswirtschaft, Informatik, Jura, Betriebswirtschaft, Design, Kommunikation, Philosophie, Oenologie. Die zusammen tun, was sie tun, weil sie das tun wollen – Und die sich dabei hervorragend ergänzen. Begeisterte, die tun, was sie lieben.

Nähe

Wir wohnen in der ganzen Schweiz – und sind doch Berner. Wir gestalten, konzipieren, programmieren und feiern beim Bierhübeli. Wir sind nahe bei Ihnen und nahe beieinander. Unsere Wege sind kurz, die Kommunikation ist direkt, die Verantwortung klar – Zusammenarbeit ist einfach, ist einfach Freude.

Kontinuität

Sechs Freunde, die sich über Jahrzehnte hinweg getroffen, begleitet und getrennt haben, um darauf wieder zusammenzufinden. Die miteinander Schullager und Release-Nächte verbracht haben. Und die alle wissen, dass sie mit den richtigen Leuten zur richtigen Zeit am richtigen Ort sind. Und dies auch bleiben wollen.

Fabian Jordi

  • E-Mail Adresse
    fabian@joinbox.com
  • Spezialität
    Responsive und SEO-optimierte Frontends.
  • Technologien
    HTML5, CSS3, SASS, AWAI-ARIA, Bootstrap, Photoshop, Illustrator.
  • Häufigste Aussage
    Und wie soll das auf Smartphones funktionieren?
  • Code Editor
    Coda.
  • Fachfremde Erfahrungen
    Bachelor-Studium VWL. Rekrutenschule bei Righetti & Partner. Engagierter Zivilschützer.
  • Reisedestination
    Dorffest Gerlafingen & Südamerika.
  • Eigene Projekte
    Website des FC Gerlafingen. Und Gemeinderat Gerlafingen. Also eigentlich einfach Gerlafingen.
Fabian Jordi

Fabian ist ein Urgestein (und Gemeinderat – und insbesondere natürlich Gerlafinger). Gründete in Kanti-Tagen zusammen mit Konrad und Felix die kleine und auftragslose Agentur creators.ch, fertigte mit ihnen später erfolgreicher Flip-Flops als Enfant Terrible und hatte 2009 die zielführenden Geistesblitze, als die Idee für Joinbox während eines Sommergewitters unter einem Sonnenschirm im Solheure entstand. Seine ursprüngliche Karriereplanung gab er zu Gunsten seiner Passion auf, und so braucht er statt BIP und Y1=C+I* nun CSS und HTML**, und anstelle von Statistiken zeichnet er User Interfaces – mit einer Subversion, die uns alle glauben macht, dass er als Volkswirt ein Che geworden wäre.

* Ja, das wäre dann Volkswirtschaft.

** Und das sind Frontend-Technologien.

Felix Steiner

  • E-Mail Adresse
    felix@joinbox.com
  • LinkedIn
    /fxstr
  • Subreddit
    /r/programmerhumor
  • Spezialität
    Mit ein paar Worten und Grafiken überzeugen. Und GitHub: git —piff paff puff.
  • Technologien
    Frontend (Javascript, AngularJS, Polymer), Photoshop und Indesign (Offerten und Spezifikationen).
  • Code Editor
    Sublime 3.
  • Fachfremde Erfahrungen
    Ausgebildeter Jurist. Mal kurz Pariser Philosophiestudent. Langjähriger Grafiker bei Righetti & Partner.
  • Reisedestination
    Wo das Internet nicht vorhanden oder unbezahlbar teuer ist.
  • Eigene Projekte
    Der eigene Pinot Noir und dessen Website. Die Bau- und Werkkommission Flumenthal. Kaffeerösten und die Adana 8×5.
Felix Steiner

Felix ist Handwerker – eine etwas tendenziöse Aussage, weil a) kaum jemand, der ihn kennt, zustimmen würde und b) er diesen Text gerade selber schreibt, in Winterthur, in einem Kaffee, bei Gipfeli und Americano, mittags, wie meistens donnerstags. Trotzdem: Handwerker: Weil er Resultate mag, Greifbares und wie wir alle: letztlich eine bessere Welt. Die soll man sich nicht denken, man soll sie nicht diskutieren – man soll sie machen. Deswegen fertigte er mit Fabian Flip-Flops, brannte Absinth, druckt die Joinbox-Visitenkarten von Hand, röstet Kaffee, macht seit Jahren Wein. Deswegen sind User Interfaces sein Ding, und er gnadenlos, wenn es darum geht, sie zu optimieren. Weil’s eben nicht um das UI geht – sondern die bessere Welt.

Michael Rüfenacht

  • E-Mail Adresse
    michael.ruefenacht@joinbox.com
  • Spezialität
    Software nach Lehrbuch: Getestet, dokumentiert, und nach Patterns.
  • Technologien
    Backend (PHP und node.js).
  • Im Büro
    9-to-5-Worker und konsequenterweise auch die Happy-Hour-Glocke.
  • Code Editor
    PHP Storm.
  • Reisedestination
    Wo das Wasser warm und der Alkohol stark ist (jap, er taucht).
  • Eigenes Projekt
    City Nord
Michael Rüfenacht

«Nei.» – «Wiso de nid?» – «Eifach nei!» (das «Nei» kommt von Michael, nicht das «Wieso?»; die Frage ist meistens Sache von Raphael oder Felix). Klingt bitchy, ist aber verflucht wertvoll: Es schützt vor Übermut. Und der kommt ja vor dem Fall – à propos Fall: Michael ist im Fall auch «richtiger» Informatiker, er hat ein Diplom und so, macht Test-Driven Development und codet in Patterns. À propos Development: Der Westen gilt ja als entwickelt – Michael «Rüfe» Rüfenacht rappt mit «City Nord» in Solothurn (jap, damit ist der Bogen wohl überspannt).

Lorenzo Kappeler

  • E-Mail Adresse
    lorenzo@joinbox.com
  • LinkedIn
    /lorenzo-kappeler
  • Subreddit
    Reddit ist nichts für konzentrierte Schaffer.
  • Spezialität
    Vollkommen unerwartet zuschlagen – im Sinne von «brutal schlagfertig sein», meinen wir. Und dran bleiben, bis es läuft.
  • Technologien
    Client und Server, webbasiert (JavaScript, AngularJS, Node.js, PHP, HTML, CSS). Konfiguration, Wartung und Betrieb von Servern (AWS, DevOps, Docker).
  • Code Editor
    Atom.
  • Fachfremde Erfahrungen
    Bar-Keeping und Event-Management.
  • Reisedestination
    Alle Stadien der UEFA.
  • Eigenes Projekt
    Mozilla Schweiz.
Lorenzo Kappeler

Ferien in St. Petersburg? Tönt gut. Mit dem Bus? Eher nicht. Freitag Abend losfahren, Sonntag Abend zurück? Ganz bestimmt nicht – würde man meinen. Nicht so Lorenzo. Seine Ferien dauern in der Regel 90 Minuten, etwas länger bei Nachspielzeit. Lorenzo ist Fussballer. Und Berner. Folglich YB-Fan. Und zwar so r-i-c-h-t-i-g, tourt die Clubstädte der UEFA – oder zumindest ihre Stadien.

Irgendwie beruhigend ist, dass Lorenzo JavaScript-Befehle fliessender aufzählt als die Namen des YB-Kaders. Konsequent zu Ende gedacht ist er also doppelt-r-i-c-h-t-i-g Backend-Entwickler. Und das mit Begeisterung: Bleibt neben YB und Joinbox etwas Zeit, arbeitet er an Mozilla-Projekten mit.

Wären die Pässe von YB so präzise wie Lorenzo’s Schlagfertigkeit, hätten wir einen neuen Meister. Und weniger Lorenzo wegen der vielen Champions-League-Ferien. Das wäre schade – so sind wir heimlich etwas froh über durchzogene Saisons.

Michael van der Weg

  • E-Mail Adresse
    michael@joinbox.com
  • LinkedIn
    /michaelvdw
  • Subreddits
    /r/HeavySeas
    /r/javascript
    /r/linux
    /r/programming
  • Spezialität
    Zukünftige Technologien heute sinnvoll einsetzen. Software Systeme entwerfen.
  • Technologien
    Javascript (node.js), Electronics, Bash, Java, Lucidcharts und Google Docs.
  • Code Editor
    Sublime 27, Atom.
  • Im Büro
    Oberster Gärtner.
  • Fachfremde Erfahrungen
    Segler. Und Bartender (Non-Disclosed Location).
  • Reisedestination
    Abgeschiedene Naturschönheiten umgeben von Wasser. Er segelt.
  • Eigene Projekte
    Alles mit wenig und viel Strom: Bürobeleuchtung mit Arduino, Transistoren & Co. Machine Learning, Open Source Software.
Michael van der Weg

Michael hatte in seinem Leben 23 Stromschläge – and counting. Das macht ihn mit Abstand zu Joinbox’ erstem Techniker und gibt ihm als CTO mehr Street Credibility als manchen lieb ist. Gäbe es Aliexpress nicht, hätte er es programmiert; und gäbe es Michael nicht, wäre die Alibaba-Aktie ein Penny-Stock (und Felix folglich potentieller Käufer). Würde Alibaba dann ganz eingehen, könnte Raphael die Deckung unserer Sachversicherung halbieren (weil Michael ja nicht mehr bastelte). Da es Alibaba und Michael aber gibt, hat Joinbox ein 10'000-LED-Licht-Konzept – und die Nachbarschaft schlaflose Nächte (die hat Michael auch, aber nicht des Lichts, sondern unserer visionären IT-Strategie wegen).

Raphael Marti

  • E-Mail Adresse
    raphael@joinbox.com
  • LinkedIn
    /raphaelmarti
  • Xing
    /Raphael_Marti
  • Subreddit
    /r/sports
    /r/excelporn
  • Spezialität
    Übersicht bewahren, Ordnung schaffen. Menschen.
  • Technologien
    Keine – also, doch, natürlich: Word, Excel, PowerPoint & vermehrt auch Google Docs.
  • Code Editor
    Say what?
  • Fachfremde Erfahrungen
    Medientrainer.
  • Reisedestination
    Sambia, Japan, Tasmanien, Israel und immer wieder Polska.
  • Eigenes Projekt
    Polnisch lernen.
Raphael Marti

Raphael ist der Einzige im Team, der keine Programmiersprache spricht, im Gegenzug aber vielleicht die Sprache unserer Kunden am besten versteht. Das macht ihn zu unserem Lead Project Manager und Business Developer. Wörter, die aus einer Welt kommen, in der er heimisch ist: Statt einer Karriere als Unternehmensberater wählte Raphael einst den Freiraum von Joinbox – it still makes us proud. Um unsere Prozesse zu optimieren, Aufträge zu gewinnen und Projekte zu leiten – wie er einmal meinte: um Joinbox in eine blühende Zukunft zu führen – verliess er seinen Karrierepfad. Einen Pfad, der ihn durch einen BWL-Master, durch Anstellungen bei Accenture, UBS und IBM und als Mediencoach sogar durch das Militär führte.

Sandro Kneubühl

  • E-Mail Adresse
    sandro@joinbox.com
  • LinkedIn
    /sandro-kneubuehl
  • Spezialität
    Ausgeprägte Allrounder-Fähigkeiten.
  • Technologien & Knowhow
    HTML, CSS, PHP, JavaScript.
    Datenmodellierung & Projektmanagement.
  • Code Editor
    PhpStorm, Sublime - früher InteliJ.
  • Fachfremde Erfahrungen
    Fotografie, Design, Reiseführer.
  • Reisedestination
    Überall wo's Wind hat («we love the Kitesurfing»).
  • Eigenes Projekt
    Portfolio meiner Fotografien und Reisen shotsoftheworld.com.
Sandro Kneubühl

Sandro setzt Frontends um, und das aus Leidenschaft. Hat einen Projektleiter-Job an den Nagel gehängt, um bei uns User Interfaces zu implementieren. Und ist, dank jahrelanger Programmiererfahrung und Bachelor, bestens gerüstet dafür.

Zwei weitere Leidenschaften Sandros haben wir mittlerweile kennengelernt:

Reisen und das Gesehene festhalten. Insbesondere Südamerika, insbesondere Kolumbien.

Mit grösster Leidenschaft verschaffen Unfälle Sandro Leiden. Unser Favorit? «Jungs, ich muss heute Home-Office machen. Habe eine Rösti wenden wollen. Sie fiel mir auf den Arm, den ich dadurch verbrannte. Bin ins Bad gerannt. Und hab mir dabei den Zeh gebrochen.»

Tobias Kneubühler

  • E-Mail Adresse
    tobias@joinbox.com
  • LinkedIn
    /tobiaskn
  • Spezialität
    Projekte aller Grössen. Mobile Apps, Kundensupport und dirty Hacks.
  • Technologien
    Backend (node.js und PHP), Apps (Swift/Objective-C), Datenbanken, Symfony, Java.
  • Code Editor
    Atom, Sublime, Xcode.
  • Fachfremde Erfahrungen
    Kunst-Atelier, Club geführt - Events veranstaltet.
  • Reisedestination
    Tagelange Wellnessausflüge mit Familie, Roadtrips.
  • Eigenes Projekt
    Jeden Sommer das Steinbruchkino (und die Welt verschönern).
Tobias Kneubühler

Spielten wir Schach – tun wir nicht, weswegen die Aussage wohl falsch ist – wäre Tobias Springer: Er rennt dahin, wo Not am Mann ist. Dafür kriegt er zu wenig Dank, deswegen: Merci, Tobi! Das macht ihn gleichzeitig zur vielseitigsten und flexibelsten Person in unserem Team (nur CSS-Voodoo bleibt die alleinige Domäne von Fabian). So stimmt Tobi’s Aufgabe auch mit seinem Charakter überein: Er ist unser Empathisant (jo, der mit der Empathie halt). Das hilft insbesondere bei hektischen Sitzungen unter Gleichberechtigten. Auch hier: Danke, Tobi.

Sie verwenden einen veralteten Browser und können nicht alle Funktionen dieser Website nutzen. Bitte laden sie einen dieser aktuellen und kostenlosen Browser runter: