Aller au contenu
Prenez de l'avance pour le prochain trimestre ! Réserver votre créneau
ExpertiseSite web

Notre expertise en
design de site web

Site vitrine ou landing page : vos prospects vous découvrent sur votre site bien avant de vous parler. Nous le concevons pour qu’il les convainque.

  • Site Sway Finance sur MacBook
  • Page d'accueil du site Nimbus
  • Site de La Lignière sur iPhone
  • En-tête du site Iweech
  • Site Fawaz Gruosi, page Rose Dreaming
  • Site Golfiller sur une terrasse de golf
  • Pages du site Avenria
  • Écrans du site 26 Spirits of Switzerland
  • Site AEK Genève sur Studio Display
  • Trois pages clés du site de La Lignière
  • Fiche produit de la boutique Golfiller
  • Site 26 Spirits of Switzerland sur l'écran d'un atelier horloger
  • Menu du site Fawaz Gruosi
  • Sections du site Iweech sur grand écran

Un beau site ne suffit pas. Il doit expliquer votre offre en quelques secondes et donner envie de vous appeler. Nous le concevons pour cela, puis nous vous le confions pour que vos équipes le fassent vivre.

Ce que change un site construit sur la marque

Un visiteur comprend votre offre en quelques secondes, et votre site travaille pour vous par la suite.

  • Conversion

    Une première page claire

    Dès la page d’accueil, un prospect sait s’il est au bon endroit et ce que vous pouvez faire pour lui. Les autres pages détaillent ensuite vos services, votre méthode et votre équipe.

  • Responsive

    Pensé pour tous les écrans

    Chaque page est conçue pour l’ordinateur, la tablette et le téléphone. Les textes restent lisibles et les boutons faciles à toucher, quel que soit l’écran.

  • Performance

    Rapide dès la conception

    Nous construisons des pages légères, avec des images bien compressées et peu de scripts. Le site s’affiche vite, même sur mobile.

  • SEO & GEO

    Trouvé par Google et les IA

    Nous travaillons la structure, les titres, les adresses et le balisage. Google et les moteurs IA comprennent chaque page.

  • Autonomie

    Tenu par vos équipes

    Après une formation au CMS, vous ajoutez un article ou une page sans avoir besoin de nous appeler.

  • Cohérence

    Le même système partout

    Votre site, vos decks et votre produit puisent dans les mêmes composants et les mêmes règles. D’un support à l’autre, vos clients retrouvent la même marque.

Notre processus de travail

Cinq étapes validées une à une. Le contenu et la structure passent avant le design.

  1. (01)

    Cadrage et audit

    1 semaine

    Nous démarrons par un onboarding : vos objectifs, vos interlocuteurs, vos échéances, et le planning du projet posé étape par étape. S’il s’agit d’une refonte, nous auditons le site actuel : les pages qui reçoivent du trafic, celles que les visiteurs quittent, les questions que vos commerciaux entendent le plus souvent. Pour un premier site, nous regardons vos concurrents et ce que vos clients cherchent avant de vous contacter.

    Livrables
    • Audit du site existant ou analyse concurrentielle
    • Objectifs et indicateurs
    • Analyse d'audience
    • Cadrage du périmètre
  2. (02)

    Architecture et contenu

    1 à 2 semaines

    Nous posons une arborescence avancée, à mi-chemin entre le plan du site et les fils de fer : chaque page y figure avec ses sections, sans style. Vous voyez l’organisation du site et le contenu de chaque page, et les choix de structure se discutent avant le design. Le contenu, vous le fournissez ; nous pouvons vous aider à l’écrire ou le rédiger entièrement si vous préférez.

    Livrables
    • Arborescence avancée, page par page
    • Contenu validé
    • Plan de redirections

    Stratégie de marque

  3. (03)

    Design des pages

    2 semaines

    Nous concevons les maquettes dans Figma, directement sur vos vrais contenus, et nous argumentons chaque choix. Le mobile est conçu en même temps que le grand écran, puisque beaucoup de vos visiteurs vous lisent sur téléphone. Nous prévoyons aussi les pages qu’on oublie souvent : page 404, page de remerciement après un formulaire, mentions légales, messages d’erreur des formulaires.

    Livrables
    • Maquettes Figma grand écran et mobile
    • Composants et états
    • Direction artistique du site
    • Principes de mouvement

    Interface UX/UI

  4. (04)

    Intégration et mise en ligne

    2 à 3 semaines

    Nous intégrons le site, ou nous accompagnons votre développeur. Le CMS dépend du projet : Webflow ou Framer pour un site vitrine que votre équipe modifie facilement, WordPress avec Elementor si vous l’utilisez déjà, ou un CMS headless pour un site plus complexe, relié à d’autres outils. Si vous n’avez pas d’avis, nous vous aidons à choisir. Performance, accessibilité et référencement technique se traitent pendant l’intégration. Nous testons sur vos propres appareils, et la mise en ligne est préparée à l’avance.

    Livrables
    • Site intégré
    • Recette sur appareils réels
    • Performance et référencement technique
    • Mise en ligne et bascule
  5. (05)

    Passation et suivi

    1 semaine

    Le site vous appartient : nous vous remettons les accès, les comptes et les fichiers sources. Une formation vous apprend à utiliser le CMS et ses subtilités : publier une page, changer un visuel, ajouter un article. Vous recevez aussi un dossier Drive avec tous les éléments dont vos équipes ont besoin pour travailler en autonomie. Quelle que soit la prestation, la maintenance du site est incluse pendant un an. Si vous ne souhaitez pas vous en occuper, nous pouvons aussi gérer le site pour vous : publication des articles du blog, mises à jour des pages, nouveaux contenus.

    Livrables
    • Accès et fichiers sources
    • Formation au CMS
    • Dossier Drive pour vos équipes
    • Maintenance incluse pendant un an
    • Point de mesure à un mois

Services en complément

Un site porte une marque et mène à un produit. Voici ce qui l'entoure.

Tous nos services
Tous nos services

Nos outils

Un aperçu des outils avec lesquels nous concevons et livrons, parmi ceux que le studio utilise au quotidien.

Nos réalisations en site web

Logotype Strateo Capital en or sur fond vert profond, monogramme SC à gauche du nom sur deux lignesSystème Strateo Capital sur fond vert : logotype, cartes de visite, publications, slide de deck et campagneTrois publications LinkedIn Strateo Capital sur fond vert : cours du Kospi, « L'exigence comme seule assurance », golfeur
Strateo CapitalRefonte complète de l'identité de marque d'un cabinet de gestion de patrimoine indépendant, pensée pour une clientèle privée exigeante.FinanceBranding
Logotype Sway Finance et cartes d'interface : facture payée, encaissements et compte en francs suisses, sur dégradéCarte de facture payée dans l'application Sway Finance : montants, fournisseur et statut « Paid »
Sway FinanceTeasers de lancement, films produit, site Webflow, deck investisseurs et visuels LinkedIn pour une fintech suisse qui automatise la comptabilité des PME.FinanceTechMotionSite web

À lire sur le sujet

Pour aller plus loin : site, lisibilité, coût d’une marque qui attend. Ce que nous apprenons sur nos projets.

Ce qu'en disent nos clients

“Super collaboration avec Unfable. Raphaël est très réactif, engagé et fournit un travail hautement qualitatif. Chez Sway Finance nous travaillons avec le studio depuis plus d'un an et nous comptons bien continuer. Bravo, et merci encore !”
Alban Le Vallois · Sway Finance
“Raphaël est un véritable maître en termes de UI/UX et design […]. Grâce à lui mes équipes et moi avons gagné un temps fou sur tous les projets où nous avons eu le bonheur de collaborer. Je le recommande chaleureusement.”
Thomas Cremese · A-Track
“Proximité, réactivité et créativité. J'ai eu l'occasion de collaborer avec Raphaël sur plusieurs projets et il a su à chaque fois répondre à mes demandes de manière précise et juste tout en étant à l'écoute de mes remarques. Je recommande.”
Martin Reyt · Upsilon Marketing

Avant de nous confier votre projet

Un site vitrine présente votre entreprise dans son ensemble : vos expertises, votre approche, vos contenus. Une landing page tient en une seule page, avec un seul objectif : lancer une offre, tester un positionnement ou recueillir des contacts. Nous concevons les deux pour la finance et la tech, à partir de votre identité de marque.

Sept à dix semaines pour un site complet, selon le volume de contenu, et moins pour une landing page. Le projet avance en cinq étapes : l’onboarding avec l’audit de votre site actuel ou l’analyse de vos concurrents, l’arborescence avancée et le contenu, le design des pages dans Figma sur grand écran et sur mobile, l’intégration et la mise en ligne, puis la passation. Chaque étape se valide avec vous avant la suivante. Le détail est dans notre processus.

Un site démarre à 6 200 € HT, une landing page à 3 200 € HT, sur devis selon le nombre de pages, les contenus et les fonctionnalités. Si l’identité visuelle est à créer en même temps, elle démarre à 4 800 € HT. Le devis précise ce qui est inclus avant tout démarrage. Écrivez-nous avec votre contexte et vos échéances.

Un site intégré et mis en ligne, testé sur vos appareils, avec son référencement technique traité. Vous recevez les accès, les comptes, les fichiers sources, une formation au CMS et un dossier Drive pour vos équipes. La maintenance est incluse pendant un an. Tout est à votre nom, hébergement et domaine compris : vous pouvez partir avec. Pour les marques qui publient et font évoluer leurs pages tous les mois, l’accompagnement Design Partner prend le relais.

Oui, c’est même la majorité des projets. Nous partons de vos statistiques : les pages qui reçoivent du trafic, celles que les visiteurs quittent, les recherches qui vous amènent des visites. Nous préparons ensuite un plan de redirections, pour que les anciennes adresses mènent aux nouvelles pages et que le site ne perde pas son référencement au moment de la mise en ligne.

Cela dépend du site et de qui le fera vivre. Webflow et Framer conviennent bien aux sites vitrines et aux landing pages : ils sont rapides, faciles à modifier et ne demandent pas de maintenance technique. WordPress avec Elementor reste un bon choix si vous l’utilisez déjà ou si vous avez besoin de nombreuses extensions. Un CMS headless sépare le contenu de l’affichage : c’est la bonne option pour un site très rapide, relié à d’autres outils ou qui alimente plusieurs supports. Si vous n’avez pas d’expérience en la matière, nous vous accompagnons dans ce choix dès l’onboarding : nous vous présentons les options adaptées à votre projet, avec leurs avantages et leurs limites.

Pour un site vitrine ou une landing page, nous concevons et intégrons nous-mêmes. Quand le projet demande des développements plus poussés, comme un espace client, un simulateur ou une connexion à vos outils, nous travaillons avec des développeurs de confiance, avec qui nous collaborons régulièrement. Nous restons votre interlocuteur unique du début à la fin.

Par défaut, c’est vous qui fournissez le contenu : nous cadrons la structure et les longueurs avant que vous ne rédigiez. Nous pouvons aussi vous aider à l’écrire, ou le rédiger entièrement à partir de votre plateforme de marque et d’entretiens avec vous.

Nous traitons tout ce qui dépend du site lui-même, pour le SEO comme pour le GEO, c’est-à-dire la visibilité dans les réponses de ChatGPT, Perplexity ou Gemini : une structure claire, des titres hiérarchisés, des adresses lisibles, des pages rapides, des images optimisées et des données que les moteurs comprennent. Une stratégie de contenu dans la durée est un autre travail, que nous pouvons cadrer avec vous. Nous ne promettons aucune position dans les résultats : personne ne peut le garantir honnêtement.

Nous intégrons les mentions légales, la politique de confidentialité et un bandeau de cookies conforme au RGPD. Dans la finance, certaines mentions sont propres à votre activité, comme le numéro d’immatriculation ORIAS ou le statut de conseiller en investissements financiers pour un cabinet de gestion de patrimoine : vous nous les transmettez, et nous leur donnons une place lisible sur le site. La validation réglementaire reste celle de votre conformité.

C’est préférable : sinon le site fige des choix graphiques qu’il faudra défaire. Quand l’identité est ancienne mais tenable, nous proposons une remise à niveau ciblée plutôt qu’une refonte complète, et nous le disons dès le premier échange. Le détail du travail de marque est sur la page branding.

Oui. Une formation au CMS montre à votre équipe comment publier une page, changer un visuel ou ajouter un article, et un dossier Drive rassemble tout ce dont elle a besoin. Si vous préférez ne pas vous en occuper, nous pouvons aussi gérer le site pour vous : publication des articles du blog, mises à jour des pages, nouveaux contenus.