Développement Web
Des solutions web sur mesure pour répondre à vos objectifs : nous vous accompagnons de la conception UI/UX à la mise en ligne jusqu'à la maintenance technique, en tant qu’agence web suisse de confiance.
Votre idée transformée en une solution numérique gagnante
Vous êtes au bon endroit. Depuis plus de 10 ans, nous aidons les start-ups et d’autres entreprises à concrétiser leurs idées. La première étape appropriée est le processus suisse de découverte et de planification, qui est un processus de planification rigoureux avec une méthodologie éprouvée pour concrétiser n’importe quelle idée commerciale. Swiss Tomato vous guidera tout au long du processus. En résultat final, vous obtiendrez ce qui suit :
Ce processus peut prendre de 2 à 4 mois en fonction de la complexité de la solution informatique développée. Pendant cette période, plusieurs ateliers sont organisés où nous travaillons étroitement avec nos clients pour proposer une proposition de pointe répondant aux normes de qualité les plus élevées possibles.
Définition des objectifs et des exigences
Projet de proposition de concept
Projet de proposition technique
Conception d’un prototype
Proposition finale
Tests auprès des utilisateurs et études de marché
Équipe, Outils utilisés, Informations supplémentaires utiles
La clé du succès est avant tout de savoir comment s’impliquer dans un projet, ses objectifs et ses défis. À ce stade, nous organisons des ateliers au cours desquels nous écoutons nos clients et dressons la liste des objectifs et des exigences de manière structurée.
Un persona d’utilisateur est un personnage fictif créé pour représenter un groupe d’utilisateurs cible qui utilisera la solution informatique prévue. Les personas représentent les similitudes des groupes ou segments de consommateurs. La création de personas aide à comprendre les besoins d’un groupe cible. Elle constitue également une bonne base pour hiérarchiser les différentes histoires d’utilisateurs et pour créer le design de l’application mobile ou du site web. Il peut y avoir des personas externes et internes. Par exemple, un persona externe peut être les clients d’une entreprise, tandis que les personas internes peuvent être les collègues de l’entreprise qui doivent travailler avec le système de gestion de contenu.


Une histoire d’utilisateur est une explication informelle et générale d’une fonctionnalité logicielle rédigée du point de vue de l’utilisateur final ou du client. Les histoires d’utilisateurs aident à créer la liste des fonctionnalités de l’application mobile ou du site web.
La structure générale des histoires d’utilisateurs est la suivante:
« En tant que (nom du persona), j’aimerais (action) afin de (objectif) »
Exemples, ce que nous avons fait dans le cas d’une application mobile d’annuaire :
Une fois que les histoires d’utilisateurs ont été répertoriées, elles doivent être traduites en fonctionnalités. C’est ce qu’on appelle la création d’épopées, où les différentes histoires d’utilisateurs sont liées à des fonctionnalités. Les différentes histoires d’utilisateurs / épopées doivent également être classées par ordre de priorité. Pour ce faire, nous utilisons généralement la méthode MoSCoW.
All the requirements that are necessary for the successful completion of the project.
Requirements that are important for project completion but not necessary.
Requirements that are nice to have, but have a much smaller impact when left out of the project.
All the requirements that hev been recognized as not a priority for the project’s timeframe.
Sur cette base, le résultat final est une liste d’histoires d’utilisateurs, qui ont été liées à différentes fonctionnalités (épopées) et qui ont déjà été classées par ordre de priorité. Différentes phases de développement peuvent également être définies pour voir comment les différentes fonctionnalités seront construites les unes sur les autres.
| ID | As a… | I would like to… | In order to / so that… | Epic | Priority (MoSCoW) – Must have, Should have, Could have, Won’t have |
| 1 | User | Identify myself | I can see customized data | User management / Create user login | S |
| 2 | New user | I would like to create my new profile | To be able to use the app | New user profile creation | W |
| 3 | Nurse in the ER unit | find a specialist | know how to handle a specific illness/situation | Search function | M |
| 4 | Doctor | call a desk of another unit | make an appointment for one of my patients | Search by services + service profile pages | M |
| 5 | Secretary | I would like to know the phone number of the head of a service | To organize a meeting | Search by services + service profile pages | M |
| 6 | Nurse | contact the physiotherapist and I need his day/night contact details | To organize treatment of a patient | Search by services + service profile pages | M |
| 7 | Admin staff | know where the building number 16 is (buildings has different names, not numbers) | Service Profile pages with map function / General map function | S | |
| 8 | Staff, health specialist | find a generic email address of a specific department | Search / filter by services + service profile pages including email address, phone number | M |
Sur la base des documents précédents, notre équipe créera les premières ébauches de concepts de la solution informatique. Cela comprendra le développement des principaux parcours utilisateurs, une ébauche de wireframe basse fidélité et un éventuel kit de marque et d’interface utilisateur.
Le parcours de l’utilisateur décrit les étapes clés qu’un utilisateur franchit pour atteindre un objectif de haut niveau avec une entreprise ou un produit. Les parcours des utilisateurs permettent de définir les processus clés qui serviront de colonne vertébrale à la solution informatique.

Sur la base des récits et des parcours des utilisateurs, notre équipe créera le premier prototype de l’application mobile ou du site web. Cela permettra de visualiser la structure possible. Nous utilisons un outil de prototypage appelé Figma, qui nous permet de créer des prototypes cliquables, qui peuvent être très bien utilisés à des fins de démonstration.

Découvrez le fonctionnement de Figma dans l’exemple suivant. Exemple de prototype
Bien entendu, toutes ces étapes sont réalisées en collaboration avec nos clients, qui nous font part de leurs commentaires à chaque étape du processus. Nous organisons également des ateliers réguliers en fonction de la complexité du développement.
En fonction de l’existence ou non de lignes directrices et de visuels de marque chez notre client, nous préparons également différents concepts de moodboards et de kits d’interface utilisateur, qui seront utilisés lors de la conception de l’application mobile ou du site web. Ces concepts peuvent être commentés et affinés à plusieurs reprises par nos clients.


Sur la base des documents recueillis lors de la première étape du processus, parallèlement à la création d’un projet de concept, notre équipe de développement, sous la direction d’un architecte de système, commence à travailler sur un projet de proposition technique.
L’équipe de développement de Swiss Tomato crée un plan d’architecture de haut niveau de la solution informatique, dans lequel sont listés les principaux éléments front-end et back-end, la communication entre les différents éléments, les technologies utilisées ainsi que les différents éléments tiers. Cette proposition servira de base technique au projet.

L’une des premières étapes de la création de la proposition technique et du cahier des charges consiste pour notre équipe à vérifier la faisabilité des fonctionnalités les plus complexes et à fournir des solutions possibles. Il peut arriver que certaines fonctions ne puissent pas être développées exactement comme elles ont été décrites dans les récits des utilisateurs, dans ce cas notre équipe proposera des solutions alternatives. Dans certains cas, des ajustements mineurs des fonctionnalités permettent d’obtenir une solution plus rentable.
Sur la base de toutes les étapes précédentes, notre équipe commencera à compiler un projet de spécification du développement.
Celui-ci comprendra les principaux éléments suivants :

Un document de spécification finale typique compte 20 à 80 pages. Cela demande beaucoup d’efforts de la part de notre équipe de développement et de nos clients pour discuter de chaque fonctionnalité dans les moindres détails. En général, notre équipe crée un document Google à cet effet, qui peut ensuite être commenté par notre client.
Une fois que le prototype basse fidélité a été discuté et mis au point avec nos clients, notre équipe UX/UI développe le prototype sur la base du kit UI créé et approuvé ou des lignes directrices de la marque reçues. Cela signifie que le design, le style, la couleur, les illustrations, les icônes sont ajoutés au prototype basse fidélité. Ce prototype comprendra les 10 à 15 écrans les plus importants.
Exemple de prototype conçu (haute fidélité) – Exemple de prototype

La première version du prototype conçu sera présentée à notre client lors d’un atelier, puis elle pourra être commentée plusieurs fois afin de s’assurer que notre client est satisfait à 100 % du prototype final. Ce prototype peut être très bien utilisé pour la démonstration, et il peut aider à présenter le concept en interne ou à d’éventuels investisseurs.
La dernière étape du processus consiste à finaliser la spécification technique sur la base de tous les documents finaux. Ce document comprendra une description détaillée des fonctions du MVP et une description de haut niveau de toutes les fonctionnalités futures possibles. La spécification finale servira de base, avec le prototype conçu, au développement informatique. La spécification finale comprendra également un plan de maintenance, étant donné que la solution informatique développée doit être maintenue une fois le développement terminé.
Sur la base de ces documents finaux, Swiss Tomato établira une estimation détaillée des coûts, fonction par fonction. L’estimation des coûts comprend les éventuels frais de tiers (par exemple : hébergement, domaine, toute solution intégrée de tiers, etc.) ainsi que les coûts de maintenance. Ainsi, nos clients peuvent se faire une idée claire des implications financières qu’ils doivent prendre en compte lorsqu’ils décident de lancer ce projet de développement informatique.
Notre équipe établira également un plan de développement détaillé, comprenant toutes les étapes clés et tous les jalons. Nous dresserons également la liste des tâches qui doivent être effectuées par nos clients afin que leur implication et la charge de travail puissent également être calculées de leur côté.
Les tests auprès des utilisateurs et les études de marché peuvent être ajoutés au processus en tant qu’étape facultative, en fonction des demandes de nos clients. Ces étapes supplémentaires permettent d’améliorer le concept à différents stades du processus.
Les tests auprès des utilisateurs peuvent être ajoutés de manière plus efficace à deux étapes du processus. La première se situe après l’étape 1, lorsque les histoires d’utilisateurs créées peuvent être validées et affinées à l’aide de tests d’utilisateurs. Pour ce faire, nous proposons généralement des entretiens avec les utilisateurs au cours desquels nous présentons le concept aux membres du groupe cible. Lors de l’entretien, nous recueillons leurs réactions générales, ainsi que des réactions détaillées et des priorités pour les différentes histoires d’utilisateurs. Nous les interrogeons également sur leurs idées et sur les histoires d’utilisateurs supplémentaires qu’ils pourraient trouver utiles.
Une fois que le prototype est prêt, nous pouvons également procéder à des tests auprès des utilisateurs, ce qui permet de valider l’acceptation globale de l’idée, y compris la fonctionnalité, la structure et la conception. Les commentaires des utilisateurs peuvent être utilisés pour modifier le concept final.
Certains de nos clients nous chargent également de réaliser une étude de marché sur l’idée commerciale donnée. En général, cela fait partie de la première étape du processus avant que nous ne développions les histoires d’utilisateurs. L’étude de marché comprend une analyse des meilleures pratiques dans le secteur concerné, y compris des exemples locaux et internationaux. Tous ces exemples et toutes ces idées peuvent être utilisés comme éléments d’entrée lors de l’élaboration des récits d’utilisateurs.
Pour le processus suisse de découverte et de planification, nous constituons une équipe composée des membres les plus expérimentés de notre équipe afin de garantir la meilleure qualité possible, notre objectif étant d’obtenir une satisfaction totale du client. Les membres de l’équipe suivants seront inclus dans le processus.

Le Swiss Discovery & Processus de Planification nécessite généralement 150 à 300 heures de travail en fonction de la complexité du concept.
Nous utilisons les outils professionnels suivants tout au long du processus :
Autres informations utiles
Project management tool for teams to manage tasks, projects, and workflows
Document management tool enabling collaboration
Wireframe and UX tool for creating prototypes
Team communication and conference tool
Streamlines website feedback allowing multiple team members to comment on specific elements
Vous trouverez ici d’autres informations utiles sur les développements possibles.
Un projet en tête?
Partageons un jus de tomate ensemble!
Nos modèles de “brief” pour projets d’applications et de sites web vous aident à formuler clairement vos idées. Ils nous aident également à mieux comprendre votre projet dès le départ. Cela vous fait gagner du temps, apporte de la clarté et pose les bases d’une collaboration réussie.
Téléphone: +41 22 753 05 71
Email: hello@swisstomato.com
Adresse: Route de Florissant 4, 1206 Genève
Téléphone: +41 44 527 72 16
Email: hello@swisstomato.com
Adresse: Badenerstrasse 47, 8004 Zurich