Cas client

Développement Webflow d'un site one page

Je continue cette série des avantages d'accepter des missions courtes quand on est freelance web designer et développeur Webflow : nouvelle mission avec Dripple !
Développement Webflow d'un site one page

Le client

Datasset est une plateforme tout-en-un de premier plan pour le capital-risque. Cette solution se compose de trois modules :

  • Gestion des flux de transactions
  • Gestion de portefeuille
  • Portail des investisseurs

Datasset, permet de centraliser toutes les données, rationaliser les processus, éliminer les tâches redondantes et utiliser l'analyse pour améliorer les performances d'un client.

La plateforme est utilisée par des fonds de capital-risque, des business angels et des family offices.

Datasset souhaite mettre ne avant sa solution : Dripple offre une plateforme interactive pour que les investisseurs d'une entreprise consultent ses données financières.

Le brief du client

Nous avons déjà réalisé et développé notre site pour Datasset et nous souhaitons créer un site one page pour notre solution Dripple.

L'identité graphique a déjà réalisée par une agence nous avons besoin de décliner la charte et de l'appliquer à cette page.

Nous souhaitons développer notre site sur Webflow.

Le démarrage de la mission

J'accède au site datasset pour comprendre et analyser comment le site a été développé avec Webflow.

L'architecture est propre, la nomenclature Client First est en place et un guideline assez complet a été créé.

J'identifie les éléments que je peux réutiliser : logo, typo, section, component, variables etc.

Je cherche tous les éléments de custom code pour bien comprendre comment certains modules on été développés et voir lesquels sont utiles.

Déclinaison de la maquette FIGMA

Je récupère aussi un accès aux maquettes sur FIGMA : il faut ajuster certains assets et les exporter au bon format.

Pour des illustrations vectorielles créées sur FIGMA, on peut copier/coller l'élément au format .svg. Ce format est léger et la qualité du visuel sera conservée.

Pour le coller dans Webflow, il faut au préalable avoir installer l'extension chrome de Relume.io. On évite un export depuis Figma et gagne beaucoup de temps.

Création de la section pricing.

Objectifs :

  • Mettre en avant leur offre ESSENTIEL
  • Bien structurer les trois cards : hiérarchie des informations
  • Créer un décalage pour dynamiser la présentation
  • Présenter clairement les avantages

Déroulement de la mission

  1. Création d'un nouveau site blank depuis webflow
  2. Développement et intégration du site
  3. Intégration d'un code iframe pour la prise de rendez-vous
  4. Intégration des données structurées schema.org
  5. Paramétrage du site
  6. Création du custom domain en direct avec le client
  7. Redirect 301 et mise à jour du site datasset navigation
  8. Mise en ligne du site

Header de la page Dripple

Les missions courtes

Cette mission courte de développement web sur Webflow, m'a été confiée par un client régulier.
Les avantages pour un développeur freelance de travailler et ses clients habituels sont multiples :

Pour le client :

  • l'assurance que la mission sera réalisée avec qualité
  • l'assurance que la mission sera réalisée dans les temps
  • l'assurance de bénéficier d'un suivi si besoin

Pour le freelance :

  • je sais que le brief sera clair et précis
  • je sais que les échanges seront fluides et agréables
  • je sais que les retours seront rapides et constructifs
  • je sais aussi que je serai payé rapidement

D'autres exemples de missions courtes :

Wu Sales qui propose des services de vente B2B externalisés pour des Saas avait besoin d'ajouter une page et de mettre à jour son menu de son site Webflow.

Webyn.ai qui propose des services de analyse comportementale au service d’un parcours client optimisé et personnalisé.

Vous avez un projet ?
Prenons rendez-vous !
Pour discuter de votre projet