Poulpo studio

Poulpo

Welcome

👋

Aperçu

Roadmap

Processus

Références

Tarif

Action !

⚡️

Offre et proposition commerciale

Conception d'un site web top-tier pour Jared.finance

À l’attention de : Alexi Perrino

Ce qui rend Poulpo

unique

Solution tout-en-un : Design, intégration, copywriting, tout est pris en charge.

Conversion avant tout : Une architecture pensée pour guider l’utilisateur et maximiser la prise d'action.

Expérience immersive : Un site web vivant, animé et interactif au pixel parfait.

Ultra réactivité : Un seul interlocuteur, des itérations rapides et des délais maîtrisés.

Transparence et suivi : Mises à jour quotidiennes et feedback en temps réel.

Expertise approfondie de votre secteur : Nous comprenons les acteurs clés et les attentes de votre audience.

Formation: Livraison d'une vidéo formative sur la structure du site & les bonnes pratiques pour une autonomie parfaite post-livraison.

HOT

Itérations illimitées : Un seul objectif, délivrer le site de vos rêves.

HOT

Maintenance gratuite : Durant le mois suivant la livraison la maintenance est offerte.

HOT

Aperçu

Review des besoins

Refonte du site existant pour moderniser l’image de marque et aligner l’identité visuelle avec les nouvelles ambitions de Jared.finance.
Mise à jour de la charte graphique du site : création d’un design plus moderne et premium, en cohérence avec la nouvelle charte graphique réalisée par l'UX design sur la partie 'Webapp'.
Conception de maquettes UX & UI sur Figma, intégration du copywriting et déploiement sur Framer.
Création d’un site dynamique et interactif avec des animations modernes et smooth.
Structuration du site pour une segmentation claire entre le produit B2C et l’offre B2B destinée aux professionnels.
Facilité de prise en main et autonomie : utilisation de Framer pour permettre au client de gérer et modifier facilement son site.
Optimisation du parcours utilisateur pour fluidifier la navigation et améliorer le taux de conversion.
Traduction du site en Anglais (2 versions FR/EN)

Objectifs de cette refonte

Moderniser l’image de marque en alignant le site avec une charte graphique plus actuelle et impactante.
Offrir une expérience immersive et engageante, avec des animations 3D et des effets interactifs pour dynamiser la navigation.
Clarifier l’offre en différenciant distinctement les volets B2C et B2B sur le site.
Optimiser le parcours utilisateur en intégrant des témoignages, des preuves sociales et des CTA stratégiques pour convertir les visiteurs.
Structurer l’arborescence (UX) pour fluidifier la navigation et maximiser la compréhension de l’offre.

Idées conceptuelles

Effets 3D interactifs : mise en place de transitions fluides et immersives inspirées de Lu.ma, avec des interactions dynamiques sur le site.
Effets visuels modernes : animations légères au scroll, micro-interactions et mises en avant de contenus clés via des effets dynamiques.
Création de motion d'interface (ou UI motion design) : Voir Loom section "Welcome 👋"

Conseils

Séparer le site web (front) de la webapp (back) : Il est essentiel de dissocier ces deux éléments afin d’éviter tout impact négatif sur la performance du site. Une séparation claire garantit une navigation fluide pour les visiteurs tout en maintenant une webapp optimisée et performante.
Inclure une phase de recherche graphique : Même en s’alignant sur une charte existante, un travail de recherche visuelle permet d’affiner et de renforcer la cohérence entre l’identité du site (front) et celle de la webapp (back).

Structure prévue (à définir en pré-lancement)

Homepage - Présentation B2C + section rappel B2B

Solutions B2C - Détails sur l’application, ses fonctionnalités et les bénéfices pour les utilisateurs.

Solutions B2B - Présentation de l’offre pour les professionnels, avec explication du modèle économique et des opportunités business.

Blog & Ressources : Contenus éducatifs sur la gestion financière pour attirer du trafic organique et renforcer le SEO.

Contact : Formulaire de contact

Support : FAQ et ressources (type Zendesk)

Deadline

⏳ Durée : 45jours

🚀 Début prévu : 30 Mars 2025

Roadmap sur-mesure

Phase 0 : Définition du cahier des charges

🎯 Objectif : Définir la structure optimale du site et aligner les contenus sur les objectifs de Jared.finance.

📌 Ce qui est inclus :

Définition de l’arborescence : Accueil, Solutions B2C, Solutions B2B, Blog, Contact, Support.

Recommandations sur le wording et la hiérarchie de l’information.
Identification des besoins techniques (CRM, automatisations, accès professionnels à la plateforme SaaS).

📖 Livrables : Cahier des charges validé.
⏳ Durée : 4 jours.

Phase 1 : Analyse et positionnement

🎯 Objectif : Comprendre l’identité de Jared.finance et ses cibles pour structurer un site profitable

📌 Ce qui est inclus :

Analyse des contenus existants et définition des axes de communication.

Définition des personas cibles (B2C et B2B) et analyse des attentes.
Structuration des messages clés pour maximiser l’engagement et la conversion.

📖 Livrables : Rapport d’analyse et recommandations stratégiques.
⏳ Durée : 4 jours.

Phase 2 : Recherche graphique

🎯 Objectif : Définir une identité visuelle cohérente.

📌 Ce qui est inclus :

Alignement sur la direction artistique existante et recommandations d’amélioration.

Exploration d’effets 3D (si validé) et d’animations interactives.
Création de moodboards et références visuelles.
Recommandations sur la typographie, la mise en page et l’esthétique générale.

📖 Livrables : Moodboards et guide de style validé.
⏳ Durée : 5 jours.

Phase 3 : Maquettes UX/UI & Copywriting

🎯 Objectif : Concevoir un site structuré, engageant et fluide, avec une hiérarchie de contenus optimisée.

📌 Ce qui est inclus :

Création d’un content map structurant chaque page du site.

Conception des wireframes pour valider l’ergonomie avant l’étape design.
Design UI avec intégration d’animations modernes et interactives.
Copywriting des pages clés avec un ton pédagogique et accessible.
Optimisation des CTA et structuration du parcours utilisateur.

📖 Livrables : Maquettes UX/UI prêtes pour intégration, avec documentation sur les animations.
⏳ Durée : 7 jours.

Phase 4 : Intégration Framer

🎯 Objectif : Développer un site interactif et performant, avec une intégration fluide et optimisée.

📌 Ce qui est inclus :

Développement du site sur Framer avec un design responsive optimisé pour desktop, mobile et tablette.

Intégration des animations 3D (si validé) et interactions dynamiques basées sur la phase de recherche graphique.
Intégration du blog et des contenus SEO-friendly.
Connexion avec les outils tiers (CRM, analytics, automatisations).
Optimisation SEO (balises meta, structuration des pages).

📖 Livrables : Site web complet et fonctionnel.
⏳ Durée : 7 jours.

Phase 5 : Tests, optimisation & livraison

🎯 Objectif : Assurer un site fluide, performant et prêt à être utilisé par l’équipe Jared.finance.

📌 Ce qui est inclus :

Tests de compatibilité, de performance et de vitesse de chargement.

Ajustements finaux avant mise en ligne.
Formation à la gestion du site avec une vidéo explicative.
Maintenance offerte pendant trois mois pour corrections et ajustements mineurs.

📖 Livrables : Site prêt à être publié, rapport de performance et vidéo explicative.
⏳ Durée : 3 jours.

Processus

Stack utilisé pour le suivi du projet

Poulpo utilise une combinaison d'outils spécifiques pour la gestion et le suivi des projets :

Trello : Pour la gestion des tâches, la répartition du travail, et le suivi des jalons.
Google Drive : Pour le stockage et le partage de documents, facilitant la collaboration en temps réel.
Groupe Whatsapp dédié ou Slack : Pour une communication rapide et instantanée entre les membres de l'équipe et les parties prenantes.

Processus de création

Processus de validation

Validation des livrables :

À chaque phase mentionnée dans cette offre, une session de validation est organisée avec le client.
Le livrable correspondant est présenté, expliqué et discuté, accompagné d’une vidéo Loom pour une meilleure compréhension des atouts de celui-ci et ainsi recueillir des retours rapides et précis.
Aucun passage à l’étape suivante ne se fait sans l’approbation formelle du client, assurant une progression méthodique et conforme à la vision du projet.

Validation des itérations :

Nombre d'itérations illimité : L'objectif est d'atteindre un résultat final qui correspond exactement à vos attentes et dépasse même vos ambitions.

Itérations agiles : Les ajustements sont intégrés en continu, en s’appuyant sur des échanges clairs et rapides via Trello, WhatsApp, ou en réunion dédiée.