Webentwicklung
Individuelle Weblösungen für Ihre Geschäftsziele: Wir begleiten Sie von UI/UX-Design und Konzeption über den Launch bis zur laufenden technischen Wartung – als Ihre persönliche Webagentur aus der Schweiz.
Ihre Idee wird zu einer erfolgreichen digitalen Lösung
Sie sind am richtigen Ort. Wir helfen Start-ups und anderen Unternehmen seit mehr als 10 Jahren dabei, ihre Ideen in die Realität umzusetzen. Der richtige erste Schritt ist der Schweizer Entdeckungs- und Planungsprozess, ein rigoroser Planungsprozess mit bewährter Methodik zur Umsetzung jeder Geschäftsidee. Swiss Tomato wird Sie durch den gesamten Prozess führen. Als Endergebnis erhalten Sie folgendes:
Dieser Prozess kann je nach Komplexität der entwickelten IT-Lösung 2-4 Monate dauern. Während dieser Zeit werden mehrere Workshops organisiert, in denen wir eng mit unseren Kunden zusammenarbeiten, um einen innovativen Vorschlag mit höchsten Qualitätsstandards zu erstellen.
Festlegen von Zielen und Anforderungen
Entwurf eines Konzeptvorschlags
Entwurf eines technischen Vorschlags
Entworfener Prototyp
Endgültiger Vorschlag
Benutzertests und Marktforschung
Team, Verwendete Werkzeuge, Zusätzliche nützliche Informationen
Um erfolgreich zu sein, ist es zunächst wichtig zu verstehen, wie man sich in ein Projekt einbringt sowie seine Ziele und Herausforderungen kennt. In diesem Schritt organisieren wir Workshops, in denen wir unseren Kunden zuhören und die Ziele sowie Anforderungen strukturiert auflisten.
Eine Benutzer-Persona ist eine fiktive Figur, die eine Zielbenutzergruppe repräsentiert, die die geplante IT-Lösung nutzen wird. Personas stellen die Ähnlichkeiten von Verbrauchergruppen oder -segmenten dar. Die Erstellung von Personas hilft dabei, die Bedürfnisse einer Zielgruppe zu verstehen. Außerdem dient sie als gute Grundlage für die Priorisierung der verschiedenen User Stories und für das Design der mobilen App oder Website. Es kann auch externe und interne Personas geben. Eine externe Persona können zum Beispiel die Kunden eines Unternehmens sein, während die internen Personas die Kollegen innerhalb des Unternehmens sein können, die mit dem Content Management System arbeiten müssen.


Eine User Story ist eine informelle, allgemeine Erläuterung einer Softwarefunktion, die aus der Perspektive des Endnutzers oder Kunden geschrieben wird. Die User Stories helfen dabei, die Liste der Funktionalitäten der mobilen App oder der Website zu erstellen.
Die allgemeine Struktur der User Stories ist:
„Als (Name der Persona) möchte ich (Aktion), um (Ziel) zu erreichen.“
Beispiele, die wir im Fall einer mobilen Verzeichnis-App gemacht haben:
Sobald die Benutzergeschichten aufgelistet sind, müssen diese in Funktionalitäten übersetzt werden. Dies wird als Epos-Erstellung bezeichnet, bei der die verschiedenen Benutzergeschichten mit Funktionalitäten verknüpft werden. Die verschiedenen Benutzergeschichten/Epics müssen auch priorisiert werden. Für die Priorisierung verwenden wir normalerweise die MoSCoW-Methode.
Alle erforderlichen Anforderungen für einen erfolgreichen Abschluss des Projekts.
Anforderungen, die wichtig für den Projektabschluss sind, aber nicht unbedingt notwendig.
Anforderungen, die wünschenswert sind, aber einen wesentlich geringeren Einfluss haben, wenn sie aus dem Projekt ausgelassen werden.
Alle Anforderungen, die für den zeitlichen Rahmen des Projekts nicht als Priorität eingestuft wurden.
Auf dieser Grundlage wird eine Liste von Benutzergeschichten erstellt, die mit verschiedenen Funktionalitäten (Epics) verknüpft und bereits priorisiert wurden. Es können auch verschiedene Entwicklungsphasen festgelegt werden, um zu sehen, wie die verschiedenen Funktionalitäten aufeinander aufbauen.
| ID | Als… | Möchte ich … | Um zu / Damit… | Epos | Priorität (MoSCoW) – Must have, Should have, Could have, Won’t have |
| 1 | Benutzer | Mich identifizieren | Ich individualisierte Daten sehen kann | Benutzerverwaltung / Benutzeranmeldung erstellen | S |
| 2 | Neuer Benutzer | Möchte ich mein neues Profil erstellen | Um die App nutzen zu können | Erstellung eines neuen Benutzerprofils | W |
| 3 | Krankenschwester in der Notaufnahme | Einen Spezialisten finden | Zu wissen, wie man mit einer spezifischen Krankheit/Situation umgeht | Suchfunktion | M |
| 4 | Arzt/Ärztin | Einen Schreibtisch einer anderen Einheit anrufen | Einen Termin für einen meiner Patienten zu vereinbaren | Suche nach Dienstleistungen + Dienstleistungsprofilseiten | M |
| 5 | Sekretär/in | Möchte ich die Telefonnummer des Leiters/der Leiterin eines Dienstes wissen | Eine Besprechung zu organisieren | Suche nach Dienstleistungen + Dienstleistungsprofilseiten | M |
| 6 | Krankenschwester /Krankenpfleger | Den Physiotherapeuten kontaktieren, zudem benötige ich seine Kontaktangaben für den Tag/die Nacht | Die Behandlung eines Patienten zu organisieren | Suche nach Dienstleistungen + Dienstleistungsprofilseiten | M |
| 7 | Verwaltungsmitarbeiter | Wissen, wo sich Gebäude Nummer 16 befindet (Gebäude haben unterschiedliche Namen, keine Nummern) | Dienstleistungsprofilseiten mit Kartendienst / Allgemeine Kartendienstfunktion | S | |
| 8 | Mitarbeiter, Gesundheitsspezialist | Eine allgemeine E-Mail-Adresse eines bestimmten Fachbereichs finden | Suche / Filter nach Dienstleistungen + Dienstleistungsprofilseiten einschließlich E-Mail-Adresse, Telefonnummer | M |
Auf der Grundlage der vorangegangenen Materialien erstellt unser Team einen ersten Konzeptentwurf für die IT-Lösung. Dazu gehören die Entwicklung der wichtigsten User Journeys, ein Entwurf eines Low Fidelity Wireframe und ein mögliches Branding sowie UI Kit.
Eine User Journey beschreibt die wichtigsten Schritte, die ein Benutzer unternimmt, um ein übergeordnetes Ziel mit einem Unternehmen oder einem Produkt zu erreichen. Mit den User Journeys können die Schlüsselprozesse definiert werden, die als Rückgrat für die IT-Lösung dienen werden.

Auf der Grundlage der User Stories und der User Journeys erstellt unser Team den ersten Entwurf eines Prototyps der App oder der Website. Dies hilft dabei, die mögliche Struktur zu visualisieren. Wir verwenden ein Prototyping-Tool namens Figma, mit dem wir klickbare Prototypen erstellen können, die sich sehr gut für Demonstrationszwecke eignen.

Sehen Sie sich im folgenden Beispiel an, wie Figma funktioniert. Beispiel für einen Prototyp
All diese Schritte werden natürlich gemeinsam mit unseren Kunden durchgeführt, die uns bei jedem Schritt Feedback geben. Je nach Komplexität der Entwicklung veranstalten wir auch regelmäßig Workshops.
Je nachdem, ob bereits Markenrichtlinien und Markenvisualisierungen vorhanden sind oder nicht, erstellen wir auch verschiedene Moodboards und UI-Kits, die bei der Gestaltung der App oder der Website verwendet werden. Diese können von unseren Kunden in mehreren Runden kommentiert und abgestimmt werden.


Auf der Grundlage der im ersten Schritt des Prozesses gesammelten Materialien beginnt unser Entwicklungsteam unter der Leitung eines Systemarchitekten parallel zur Konzepterstellung mit der Ausarbeitung eines technischen Vorschlags.
Das Entwicklungsteam von Swiss Tomato erstellt einen High-Level-Architekturplan der IT-Lösung, in dem die wichtigsten Front-End- und Back-End-Elemente, die Kommunikation zwischen den verschiedenen Elementen, die verwendeten Technologien und auch die verschiedenen Elemente von Drittanbietern aufgeführt sind. Dieser Vorschlag wird als technisches Rückgrat des Projekts dienen.

Als einer der ersten Schritte bei der Erstellung des technischen Vorschlags und der Spezifikation prüft unser Team die Machbarkeit der komplexeren Funktionalitäten und bietet mögliche Lösungen an. Es kann vorkommen, dass einige Funktionen nicht genau so entwickelt werden können, wie sie in den User Stories beschrieben wurden. In diesem Fall wird unser Team alternative Lösungen vorschlagen. In einigen Fällen ist auch mit kleinen Anpassungen der Funktionen eine kostengünstigere Lösung möglich.
Basierend auf den vorangegangenen Schritten beginnt unser Team mit der Erstellung einer Entwurfsspezifikation für die Entwicklung.
Dieser wird die folgenden wesentlichen Elemente enthalten:

Ein typisches endgültiges Spezifikationsdokument ist 20-80 Seiten lang. Es ist für unser Entwicklungsteam und auch für unsere Kunden sehr umfangreich, jede Funktionalität bis ins kleinste Detail zu besprechen. Normalerweise erstellt unser Team dafür ein Google-Dokument, das dann von unserem Kunden kommentiert werden kann.
Nachdem der Low-Fidelity-Prototyp mit unseren Kunden besprochen und abgestimmt wurde, entwickelt unser UX/UI-Team auf der Grundlage des erstellten und genehmigten UI-Kits oder der erhaltenen Markenrichtlinien den Design-Prototyp. Das bedeutet, dass Design, Stil, Farbe, Illustrationen und Icons zum Low-Fidelity-Prototyp hinzugefügt werden. Dieser Prototyp wird die 10-15 wichtigsten Bildschirme enthalten.
Beispiel für einen gestalteten (High Fidelity) Prototyp

Die erste Version des entworfenen Prototyps wird unserem Kunden bei einem Workshop vorgestellt und kann dann mehrfach kommentiert werden, um sicherzustellen, dass unser Kunde mit dem endgültigen Prototyp 100% zufrieden ist. Dieser Prototyp kann sehr gut zur Demonstration verwendet werden und kann helfen, das Konzept intern oder für mögliche Investoren zu präsentieren.
Der letzte Schritt des Prozesses besteht darin, die technische Spezifikation auf der Grundlage aller endgültigen Materialien fertigzustellen. Dieses Dokument enthält eine detaillierte Beschreibung der MVP-Funktionen und eine Beschreibung aller möglichen zukünftigen Funktionen auf hoher Ebene. Die endgültige Spezifikation bildet zusammen mit dem entworfenen Prototyp die Grundlage für die IT-Entwicklung. Die endgültige Spezifikation wird auch einen Wartungsplan enthalten, da die entwickelte IT-Lösung nach der Fertigstellung der Entwicklung gewartet werden muss.
Basierend auf diesen endgültigen Dokumenten erstellt Swiss Tomato einen detaillierten Kostenvoranschlag, aufgeschlüsselt nach Funktionen. Der Kostenvoranschlag beinhaltet auch die möglichen Kosten für Drittanbieter (z.B.: Hosting, Domain, integrierte Drittanbieterlösungen usw.) und die Wartungskosten. So können sich unsere Kunden ein klares Bild über die finanziellen Auswirkungen machen, die sie in Betracht ziehen müssen, wenn sie sich entscheiden, dieses IT-Entwicklungsprojekt zu starten.
Unser Team erstellt einen detaillierten Zeitplan, der alle wichtigen Schritte und Meilensteine enthält. Wir werden auch die Aufgaben auflisten, die von unseren Kunden ausgeführt werden müssen, so dass ihre Beteiligung und der Arbeitsaufwand auch von ihrer Seite aus berechnet werden können.
Als optionale Schritte können Benutzertests und Marktforschung in den Prozess integriert werden, je nach den Wünschen unserer Kunden. Diese zusätzlichen Schritte können dazu beitragen, das Konzept in verschiedenen Phasen des Prozesses weiter zu verbessern.
Benutzertests können am effektivsten in zwei möglichen Schritten des Prozesses durchgeführt werden. Der erste ist nach Schritt 1, wenn die erstellten User Stories mit Hilfe von User Testing validiert und feinabgestimmt werden können. Dazu schlagen wir in der Regel Nutzerinterviews vor, in denen wir das Konzept den Mitgliedern der Zielgruppe vorstellen. Während des Interviews sammeln wir ihr allgemeines Feedback und auch detailliertes Feedback und Priorisierung zu den verschiedenen User Stories. Wir fragen auch nach ihren Ideen und danach, welche zusätzlichen User Stories sie nützlich finden könnten.
Sobald der entworfene Prototyp fertig ist, können auch Benutzertests durchgeführt werden, um die allgemeine Akzeptanz der Idee einschließlich der Funktionalität, der Struktur und des Designs zu überprüfen. Das gesammelte Nutzerfeedback kann zur Änderung des endgültigen Konzepts verwendet werden.
Einige unserer Kunden beauftragen uns mit der Durchführung von Marktforschung für die jeweilige Geschäftsidee. Normalerweise ist dies Teil des ersten Schrittes des Prozesses, bevor wir die User Stories entwickeln. Die Marktforschung umfasst eine Analyse der besten Praktiken in der jeweiligen Branche, einschließlich lokaler und internationaler Beispiele. All diese Beispiele und Ideen können als Input für die Entwicklung der User Stories verwendet werden.
Für den Swiss Discovery & Planning Prozess stellen wir ein Team aus unseren erfahrensten Teammitgliedern zusammen, um die höchstmögliche Qualität zu gewährleisten, denn unser Ziel ist es, 100% Kundenzufriedenheit zu erreichen. Die folgenden Teammitglieder werden in den Prozess einbezogen.

Der Schweizer Discovery & Planning Prozess erfordert in der Regel 150-300 Arbeitsstunden, abhängig von der Komplexität des Konzepts.
Wir verwenden die folgenden professionellen Tools während des gesamten Prozesses:
Projektmanagement-Tool für Teams zur Verwaltung von Aufgaben, Projekten und Arbeitsabläufen.
Ein kollaboratives Dokumentenmanagement-Tool.
Wireframe- und UX-Tool zur Erstellung von Prototypen.
Kommunikations- und Konferenztool für Teams.
Effizientes Feedback-Tool für Websites, indem mehreren Teammitglieder spezifische Elemente kommentieren können
Hier finden Sie einige weitere nützliche Informationen zu den möglichen Entwicklungen
Haben Sie ein Projekt geplant?
Trinken wir einen Tomatensaft!
Unsere Briefing-Vorlagen für App– und Webprojekte helfen Ihnen dabei, Ihre Ideen klar zu formulieren. Und sie helfen uns dabei, Ihr Projekt von Anfang an besser zu verstehen. Das spart Zeit, schafft Klarheit und legt den Grundstein für eine erfolgreiche Zusammenarbeit.
Telefonnummer: +41 44 527 72 16
E-mail: hello@swisstomato.com
Adresse: Badenerstrasse 47, 8004 Zurich
Telefonnummer: +41 22 753 05 71
E-mail: hello@swisstomato.com
Adresse: Route de Florissant 4, 1206 Genève