Ce qui est inclus dans votre projet Webflow

Par

Camille

June 8, 2024

10

mins de lecture

Sommaire

Partager

Est-ce que je suis sur la bonne page ?
Vous êtes concerné par cette page si vous avez reçu un devis pour le développement de zéro d'un nouveau site, avec maquette déjà réalisées par un designer tierce, ou avec l'un de nos partenaires.

Vous n'êtes pas sur la bonne page si vous avez reçu un devis pour :
- Une application sur Webflow
- Un site avec designs faits par Codelius
- Une maintenance de site Webflow déjà existant

Générique

  • Nombre de pages développées : Dépend du projet, à voir sur le devis
  • Nombre de sections par page : Dépend du projet, à voir sur le devis
  • Barre de navigation complexe (avec megamenus et dropdown) : ❌ A demander en plus

Responsive

  • Développement d'une version tablette : ✅
  • Développement d'une version mobile large du site : ✅
  • Développement d'une version mobile normal à petit du site : ✅
  • Compatibilité avec les écrans wide et ultra-wide : ✅
  • Haute responsivité avec la méthode du "scaling" : ✅ Vous pouvez demander à avoir un site sans mise à l'échelle design avant ou pendant votre phase de retours

Intégration de vos contenus

  • Textes et images : ✅ Intégration des textes et images présents sur les maquettes au moment du début du développement
  • Modification des contenus présents sur la maquette avant publication : ❌ Seuls les contenus fournis au début du développement seront intégrés. Toute modification sera a charge du client
  • Ajout des contenus de type CMS : ❌ La migration ou l'ajout de contenu dans le CMS n'est pas incluse. Des éléments générés automatiquement seront mis en place à des fins de recette. Sur demande, aide à l'import des contenus dans le CMS via des .CSV. Budget en fonction des données à migrer ou ajouter.  En cas de doute sur ce qu'est un élément CMS, n'hésitez pas à nous demander.

Optimisations Webflow et Client-First

  • Noms de classes descriptives : ✅
  • Créations de composants globaux pour les boutons : ✅ Les boutons sont créés sous la forme de composants globaux. Les composants ne seront dupliqués qu'en cas de changement de couleurs, ou animation dans le bouton. Les composants ne seront pas dupliqué en cas d'ajout ponctuel d'une icône, changement de texte ou de lien.
  • Utilisation de composants pour les éléments répétés à l'identique entre les pages : ✅ Tout élément réuilisé à l'identique sur plusieurs page sot synchronisés via l'utilisation des composants Webflow. Cela inclus la barre de navigation, le footer, et tout autre élément dupliqué (avis clients, FAQ)

Animations

  • Effets de hover sur les éléments cliquables : ✅ Animations simples incluses sur tous les éléments. Pour des animations complexes*, demander ajustement du devis.
  • Animations au scroll : ✅ 3 animations simples incluses. Pour des animations complexes*, demander ajustement du devis.
  • Animations d'arrivé des éléments : ❌ Sur demande. Budget en fonction des animations demandées

Formation et prise en main

  • Réponse aux questions sur le fonctionnement du site : ✅ Dans la limite de 60 mins, par messages, mails ou lors d'appels en amont ou pendant le développement
  • Formation live ou video : ✅ Formation de 30 mins offerte avant la mise en ligne ou dans le mois suivant la livraison du projet.
  • Documentation de présentation de Webflow et des fonctionnalités principales de votre site : ✅ Présentation des fonctionnalités de CMS, de gestion des pages, changer les textes et images
  • Documentation sur les manipulations spécifiques de votre site : ✅ Dans le cas où votre site présente des composants ou du code personnalisé, vous retrouverez dans votre documentation les informations et manipulations nécessaires à leur modification

SEO et Optimisation du référencement naturel

  • Unicité du H1 : ✅ Chaque page possède un unique "H1"
  • Respect de la hiérarchie des titres : ✅ Indépendamment du design, les balises "Hn" seront respectées afin d'assurer le bon référencement du site
  • Utilisation des balises appropriées pour optimiser la structure du site : ✅ Toutes les pages sont construites avec les balises "Main", "Section", "Nav". Si applicable, "Article" et "Aside"
  • Title Tags et Meta Descriptions : ✅ 5 pages incluses, si textes fournis avant le début du développement. Tarif de 3€ / page supplémentaire
  • Compression et conversion des images dans un format nouvelle génération : ✅ Format WebP
  • Alt Text sur toutes les images non décoratives : ❌ Peut-être demandé en supplément. Devis à  établir en fonction de la taille du site et du nombre d'images.
  • Spécification des images décoratives : ❌ Peut-être demandé en supplément. Devis à  établir en fonction de la taille du site et du nombre d'images.

Retours clients et recettage

  • Première phase de retours : ✅ Les retours sont intégrés d'un coup, mobile et desktop. Une fois l'intégration commencé, il n'est plus possible de rajouter de nouveaux retours, simplement d'indiquer un retour déjà fait comme non résolu.
  • Phases de retours supplémentaires : ❌ Sur demande, devis en fonction de la taille du projet
  • Retours sur des changements dans la maquette initialement transmise : ❌

Mise en ligne

  • Aide à ou mise en ligne du site sur le domaine choisi : ✅ 5 domaines inclus. 10 sous-domaines inclus

Addons Codelius et custom codes

  • Installation d'addons gratuites : ✅ Si besoins identifié ou demandé avant le début développement
  • Installation d'addons payantes : ❌ Peut-être demandé en supplément. Devis à  établir en fonction du projet
  • Rédaction de code sur mesure HTML / JS / CSS : ✅

Gestion de projet et communication

  • Gestion des prestations techniques : ✅ Uniquement pour les prestataires proposés par Codelius
  • Communication avec le développeur : ✅ Accès direct à la messagerie du développeur du projet
  • Gestion des prestataires externes à Codelius : ❌

Prenez <contact> avec nous

Nous aimons les challenges

//
Contactez-nous
-
-
->
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--
</style><style data-rc-order="prependQueue" data-css-hash="1his0cd" data-token-hash="himppx">.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;text-transform:none;vertical-align:-0.125em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.anticon >*{line-height:1;}.anticon svg{display:inline-block;}.anticon .anticon .anticon-icon{display:block;}</style><style>.wf-force-outline-none[tabindex="-1"]:focus{outline:none;}</style><meta charset="utf-8"><title>Portfolio - Codelius</title><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" name="description"><meta content="Portfolio - Codelius" property="og:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="og:description"><meta content="Portfolio - Codelius" property="twitter:title"><meta content="Venez voir notre travail, et les avis de ceux qui nous ont fait confiance avant vous... Mais attention, l'essayer c'est l'adopter !" property="twitter:description"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"><meta content="width=device-width, initial-scale=1" name="viewport"><link href="https://cdn.prod.website-files.com/62d15fe5fc13096216837c9f/css/lamrx.webflow.b445a3420.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,regular,500,700%7CIndie+Flower:regular" media="all"><script type="text/javascript">WebFont.load({  google: {    families: ["Poppins:300,regular,500,700","Indie Flower:regular"]  }});</script><!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif]--><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"><link href="https://cdn.prod.website-files.com/img/webclip.png" rel="apple-touch-icon"><!-- Google tag (gtag.js) -->
<!--

Nos clients vous en parlent

Il faut avouer que nous ne sommes pas très objectifs sur nos prouesses,

mais eux... Oui !

Working with Codelius agency and Camille was actually made IT fun, not stressful. She has a unique combination of getting the high level design, giving experienced inputs, the French artistic touch and ability to implement low level custom solutions. At the end of the project I wished she was a collage. Hope to work with her again one day.

Adam M.

Operations Manager & BI Analyst

Camille and the Codelius team delivered exactly what we needed in a timely manner — she was a pleasure to work with and we look forward to working with them again in the future.

Tessa

Co-Founder

Camille est la personne qu’il vous faut pour vos projets webflow, airtable et autres outils nocode. Elle est professionnelle, à l’écoute et réalise un travail de grande qualité. Je recommande sans hésitation !

Sébastien Pieta

Gérant

Génial, on est super content de recevoir le site afin de pouvoir faire les retours, merci beaucoup !

[...] En tous cas à première vue, on est super content !

Constantin R.

Co-founder

Les avantages de travailler avec Codelius : réactivité, flexibilité et rigueur

Mathieu

CEO

Du design au développement, le rendu est celui voulu, et c'est vraiment très beau. On est ravis du projet. Côté dev pour - mise en place du design, Camille a été superbe de patience et de flexibilité pour s'assurer que j'obtienne, au pixel près, le résultat désiré. Chapeau Camille !

Jeff

Gérant

[...] Codelius a su répondre à ce besoin, en nous offrant des résultats rapides et propres. Lorsque nous avons eut des besoins un peu plus poussés, [...] ils ont su aller au-delà de la technologie pour créer une solution custom ! Ils sont restés présents et disponibles pour répondre à nos questions et nous aider à prendre en main le tout !

Grégoire G.

CEO

Camille est tellement forte que je ne vous la recommanderai pas je veux la garder pour moi tout seul ;p Super fluide, rapide et diablement efficace. Clairement au-dessus des mes attentes et brief parfaitement cerné avec finalement peu d'éléments. Une pépite !

Basptiste W.

CEO

Working with Camille was really easy. We used a Google Doc and WhatsApp and only needed one quick video call. I was very happy with the price and the quality of the site.

Chris Tyler

Founder

Nous sommes certifiés experts par Webflow eux-même depuis 2020. Il s’agit de notre outil de prédilection, avec Webflow nous pouvons faire des merveilles !

Nos développements Webflows prennent majoritairement leurs base depuis une maquette Figma. Elle permet à nos clients de valider un design avant de le concevoir.

Nous sommes partenaires d’une agence de webdesign pour combiner nos savoirs-faire et proposer à nos clients la meilleure option pour leurs projets les plus fous.

pourquoi ?
comment ?

Nous répondons à vos questions

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Nous contacter

Êtes-vous des experts Webflow ?

Oui ! ✨

Camille, notre formatrice en chef, est certifiée experte Webflow depuis janvier 2022 🤩

Depuis, elle a continué de se mettre à jour avec les nouvelles meilleures pratiques pour être certaine de vous former au mieux.

Combien de personnes travailleront sur mon projet ?

Nous sommes plusieurs dans l'entreprise, et chacun a ses spécialités 👀

Nous choisirons qui sera en charge de votre projet en fonction des demandes que vous avez, mais dans tous les cas, vous ne serez jamais en contact avec plus de deux personnes, afin d'éviter la perte d'information et de temps 🙌

Evidement, si vous en faite la demande, vous pourrez rencontrer tous les rouages de la machine 🙊

Combien êtes-vous chez Codelius ?

Nous sommes actuellement deux ! Un couple d'entrepreneurs, unis par la volonté de faire au mieux chaque jour, mais aussi de devenir les meilleures versions de nous-mêmes.

Pendant vos projets, vous ne serez sûrement en relation qu'avec moi, la petite voix du site, aka Camille 😉 Geoffrey préfère rester dans l'ombre 🙊

Est-ce que vous travaillez bien ?

Du mieux que nous le pouvons !

Nous avons à cœur de fournir de la qualité et des solutions facilement utilisables pour nos clients à terme 🙌

Combien de temps dure le développement ?

Le temps de développement dépend du projet que vous souhaitez mener (taille du site, fonctionnalités avancées ou non, application, etc), et des ressources que vous êtes en mesure de fournir (maquettes, images, logo, charte graphique, etc) ✨

Mais comme nous savons que "ça dépend" n'est pas une réponse satisfaisante, voici quelques pistes qui peuvent vous aider à cerner la durée de votre projet ✌️

  • Projet de site internet avec maquettes déjà faite par un designer, animations d'arrivées simples : environ 15j de développement
  • Projet de site internet avec création des designs directement sur Webflow : environ 1 mois de design et développement
  • Application simple (compte client et quelques fonctionnalités) avec maquettes déjà faites par un designer : environ 2 mois de développement
  • Application complexe (compte client et nombreuses fonctionnalités) avec maquettes déjà faites par un designer : environ 4 mois de développement
  • Application simple et complexe avec création des designs directement sur Webflow : entre 4 et 6 mois de développement

La meilleure manière de savoir combien de temps durera votre projet est de nous contacter pour nous expliquer tout ça  et ça se passe par ici ! 👇