Notre agence utilise régulièrement Next.Js pour le développement des applications web performantes et bien optimisées pour un bon référencement naturel SEO.

Framework Next.Js : pourquoi nous l’utilisons ?

La technologie Node.Js s’impose comme une  solution backend alternative aux langages PHP, Java et Python pour vos serveurs web.

5 raisons d’utiliser la technologie Node.Js ?

Web Vision 360 vous apporte son expertise pour développer votre application web en React.Js. Découvrez les bonnes raisons d’utiliser React.Js.

React.Js – Pourquoi l’utiliser ?

Voici les 5 principales raisons d’utiliser un système Headless CMS et les avantages réels de son architecture.

5 raisons d’utiliser un Headless CMS

Suivez toute l'actualité sur les solutions d'acquisition de trafic. Notre blog rassemble des conseils et des informations à ne pas manquer

Acquisition de trafic

Vous souhaitez mettre en place une stratégie de contenu afin de bien vous adresser à votre audience ? Faites un tour sur notre blog et découvrez les sujets sur la communication digitale

Communication digitale

Suivez les actualités des technologies web pour développement des sites et applications. Le choix d’une bonne stack technique assure que les technologies fonctionnent bien ensemble.

Technologies

Suivez l'actualité de l'agence digitale Web Vision 360, l'agence digitale et web marketing à 360°. Une agence d'experts située à la Défense pour accompagner votre projet digital.

Actualités

La stratégie Inbound Marketing consiste à attirer les prospects par du contenu à forte valeur ajoutée qui les intéresse, de les convertir en client et de les fidéliser.

Inbound Marketing

Notre blog a pour objectif de vous apporter un éclairage sur les bonnes pratiques digitales, les tendances marketing et les technologies actuelles.

Production vidéo

HubSpot

<h3>Comment personnaliser votre CRM selon votre activit&eacute;?</h3>
Faire gagner du temps, &ecirc;tre facile d&rsquo;acc&egrave;s, permettre la cr&eacute;ation de reporting d&rsquo;activit&eacute;, autant de points essentiels auxquels un CRM se doit de r&eacute;pondre de nos jours.&nbsp;

Dans la plupart des situations les &eacute;l&eacute;ments de base, dits standard, de votre CRM, connu sous le nom de gestion des contacts, des entreprises, traitement des transactions ou opportunit&eacute;s, r&eacute;pondent &agrave; ce besoin.
Dans les faits, votre activit&eacute; peut n&eacute;cessiter la saisie de donn&eacute;es d&icirc;tes non-standard, permettant le stockage, le suivi et l&rsquo;analyse compl&egrave;te et dans le d&eacute;tail de votre activit&eacute;.
La solution de Hubspot autorise une personnalisation extr&ecirc;me de votre CRM gr&acirc;ce &agrave; la cr&eacute;ation d&rsquo;objets personnalis&eacute;s.

Un Objet personnalis&eacute; est un objet diff&eacute;rent des &eacute;l&eacute;ments de base, comportant des propri&eacute;t&eacute;s sp&eacute;cifiques &agrave; une activit&eacute; ainsi que des associations entre objets personnalis&eacute;s propre. Les informations sont stock&eacute;es sous forme de fiches individuelles.

1. QU’EST CE QU’UN OBJET PERSONNALISÉ ?

<h3>2. QUAND UTILISER UN OBJET PERSONNALIS&Eacute; ?</h3>

Avant la cr&eacute;ation d&rsquo;un objet personnalis&eacute;, il est important de s&rsquo;assurer que cet objet est la seule m&eacute;thode pour r&eacute;pondre &agrave; votre besoin. Il existe de nombreuses fa&ccedil;ons de stocker des donn&eacute;es et les objets personnalis&eacute;s ne sont pas forc&eacute;ment la meilleure solution.
D&eacute;butez votre r&eacute;flexion en d&eacute;finissant votre besoin :
&bull; Quelle est l&rsquo;information que je souhaite stocker ?
&bull; Cette information est-elle dynamique ou fixe ?
&bull; Dois-je facilement acc&eacute;der &agrave; cette information ?
&bull; Peut-il exister plusieurs niveaux de valeur pour cette information ?
&bull; Est-il important d&rsquo;effectuer des rapports en relation avec d&rsquo;autres objets ?

Il peut &ecirc;tre facile de se laisser emporter et de se lancer t&ecirc;te baiss&eacute;e dans la cr&eacute;ation d&rsquo;un objet personnalis&eacute;. Cependant, il est important de consid&eacute;rer que les propri&eacute;t&eacute;s standards de Hubspot disposent de &rdquo;Super Pouvoir&rdquo; dont un objet personnalis&eacute; ne pourra pas n&eacute;cessairement b&eacute;n&eacute;ficier. Par exemple, les propri&eacute;t&eacute;s de contacts peuvent &ecirc;tre utilis&eacute;es pour envoyer un e-mail depuis Hubspot ou encore les propri&eacute;t&eacute;s des transactions sont la base des rapports d&rsquo;attribution de revenus et des pr&eacute;visions de ventes.
Le &rdquo;Super Pouvoir&rdquo; d&rsquo;un objet personnalis&eacute; est de pouvoir stocker plusieurs valeurs de propri&eacute;t&eacute;s identiques sur un sujet donn&eacute;. Une fois cr&eacute;&eacute;, un objet personnalis&eacute; se comporte comme un objet standard.

Prenons le cas d&rsquo;une concession automobile dont le besoin est de stocker un ensemble d&rsquo;informations concernant son client et les v&eacute;hicules en relation avec ceux-ci.
Les informations de contact sont des informations standard et uniques qui pourront &ecirc;tre stock&eacute;es dans la rubrique &rdquo;Contacts&rdquo;. Les &eacute;l&eacute;ments de transactions (multiples) seront trait&eacute;s dans la rubrique &rdquo;Transactions&rdquo; du logiciel.
La partie v&eacute;hicules, quant &agrave; elle, est plus complexe. En effet, un client peut poss&eacute;der plusieurs v&eacute;hicules &agrave; un instant donn&eacute; ou dans le temps et le concessionnaire souhaite conserver toutes les informations sur chaque v&eacute;hicule.&nbsp;
Dans ce cas la cr&eacute;ation d&rsquo;un objet personnalis&eacute; prend tout son sens. Un objet personnalis&eacute; &rdquo;v&eacute;hicule&rdquo; pourra r&eacute;pertorier de nombreuses propri&eacute;t&eacute;s pour chaque v&eacute;hicule, au sein d&rsquo;une m&ecirc;me fiche client, telles que la Marque ou le mod&egrave;le.
Exemple :
- V&eacute;hicule 1 : Marque, mod&egrave;le, &hellip;
- V&eacute;hicule 2 : Marque, mod&egrave;le &hellip;

3. EXEMPLE D’OBJET PERSONNALISÉ

1. Qualifier : Avez-vous vraiment besoin d’un objet personnalisé ?

2. Définir : Définissez les noms des propriétés, leur type et les associations.

3. Créer : Ajoutez chaque objet de manière individuelle.

4. Mise en Oeuvre : Utilisez l’outil Hubspot pour développeur pour la création de votre objet.

Voici les 5 &eacute;tapes &agrave; respecter lors de la cr&eacute;ation d&rsquo;un objet personnalis&eacute; :

4. LES 5 ÉTAPES DE LA CRÉATION D’UN OBJET PERSONNALISÉ

<h3>5. COMMENT CR&Eacute;ER UN OBJET PERSONNALIS&Eacute; SUR HUBSPOT</h3>

Suivez l&rsquo;ensemble des &eacute;tapes de cr&eacute;ation d&rsquo;un objet personnalis&eacute; sur le tutoriel vid&eacute;o Objet personnalis&eacute; Hubspot de votre agence WEB VISION 360.

<h4 style="text-align: center;">Vous souhaitez vous faire accompagner par un expert pour la mise en place et la personnalisation de votre CRM ?</h4>

Objets personnalisés HubSpot : notre agence Partner Solutions HubSpot vous présente l'utilité et la création des objets personnalisés sans code dans le CRM HubSpot.

Utilité et Fonctionnement des Objets personnalisés Hubspot

<h3 class="p1"><a title="" href="https://webvision360.com/" target="_blank" rel="noopener">Notre agence</a> utilise r&eacute;guli&egrave;rement Next.Js pour le d&eacute;veloppement des applications web performantes et bien optimis&eacute;es pour un bon r&eacute;f&eacute;rencement naturel. D&eacute;couvrez dans cet article les raisons qui nous ont pouss&eacute; &agrave; faire ce choix technologique.&nbsp;</h3>
<hr />
&nbsp;

Le framework Next.Js a &eacute;t&eacute; cr&eacute;e par Vercel. Il&nbsp; est bas&eacute; sur la technologie React. En plus des <a title="" href="https://webvision360.com/blog/technologies-web-developpement/react-js-pourquoi-l-utiliser" target="_blank" rel="noopener">avantages qu'offre le React.Js</a>, il permet aux utilisateurs d'allier les performances incroyables de cette technologie &agrave; de nombreux avantages pour un bon r&eacute;f&eacute;rencement naturel de votre site web ou web application.

Next.Js c’est quoi ?

Autrement dit : le rendu c&ocirc;t&eacute; serveur. Next.Js pr&eacute;-rend chaque page statique pour une meilleure indexation SEO. Cela signifie concr&egrave;tement que Next.Js g&eacute;n&egrave;re du HTML pour chaque page en amont pour les afficher directement sur le navigateur au moment quand l&rsquo;utilisateur souhaite l&rsquo;afficher sur son navigateur. Cela offre une meilleure indexation et d&rsquo;excellentes performances aux application web car le contenu est d&eacute;j&agrave; pr&ecirc;t &agrave; &ecirc;tre affich&eacute; sur le navigateur au bon moment.

Le Server Side Rendering : SSR

Puisque le code HTML de chaque page est d&eacute;j&agrave; g&eacute;n&eacute;r&eacute;, donc le fichier est automatiquement mis en cache et la page est pr&eacute;sent&eacute;e tr&egrave;s rapidement &agrave; l'utilisateur qui le demande sur son navigateur. Chaque code HTML g&eacute;n&eacute;r&eacute; est associ&eacute; &agrave; un minimum de code JavaScript n&eacute;cessaire pour cette page. Lorsqu'une page est charg&eacute;e par le navigateur, son code JavaScript s'ex&eacute;cute et rend la page enti&egrave;rement interactive. (On appelle ce proc&egrave;s : hydratation). Le fait de mettre les pages en avance dans le cache offre un temps de chargement tr&egrave;s rapide.&nbsp;

Le Static Site Generator : SSG

Un autre avantage d&rsquo;utiliser le framework Next.Js c'est l&rsquo;optimisation automatique du contenu graphique (des images) qu'offre cette technologie en d&eacute;veloppement web. Next.Js transforme automatiquement les images au format nouvelle g&eacute;n&eacute;ration. De plus, il le fait intelligemment : en fonction du navigateur que vous utilisez le format le plus optimal sera pr&eacute;sent&eacute; (Webp ou autre en fonction du navigateur utilis&eacute;).&nbsp;

Optimisation intelligente des images

<hr />
<h3>Pour r&eacute;sumer :&nbsp;</h3>
Les avantages qu&rsquo;offre le framework Next.Js : c&rsquo;est d&rsquo;allier les performances incroyables que propose le React.Js &agrave; une bonne optimisation SEO.&nbsp;
Vous avez un projet &agrave; d&eacute;velopper et vous souhaitez une forte expertise technique pour une application web en Next.Js ?&nbsp;

Nous avons d&eacute;cid&eacute; de vous montrer en toute transparence comment nos &eacute;quipes travaillent pour la production du contenu photo et vid&eacute;o pour une jeune marque parisienne. L&rsquo;objectif &eacute;tait de produire le contenu photo et vid&eacute;o pour la marque parisienne Hortence. En parall&egrave;le, les d&eacute;veloppeurs de l'agence Web Vision 360 travaillaient d&eacute;j&agrave; sur le d&eacute;veloppement du site Internet e-commerce de la marque.&nbsp;
La demande du client &eacute;tait d&rsquo;obtenir du contenu mettant en sc&egrave;ne des produits port&eacute;s en situation afin de mettre en &eacute;vidence le tomb&eacute; de chaque v&ecirc;tement. La marque pourrait, ainsi, utiliser ce contenu vid&eacute;o et photo au sein de ses campagnes de communication.

Behind the scenes

Un monteur / retoucheur pour traiter le contenu

Notre &eacute;quipe technique s&rsquo;est attach&eacute;e &agrave; produire non seulement, le contenu photo et vid&eacute;o, mais &eacute;galement &agrave; cr&eacute;er et g&eacute;rer les ambiances lumineuses ainsi que la machinerie. Notre r&eacute;alisateur a coordonn&eacute; la mise en place des lumi&egrave;res, tout en r&eacute;fl&eacute;chissant aux angles des prises de vues et au bon d&eacute;roulement des op&eacute;rations.&nbsp;
Pour cette mission, notre &eacute;quipe &eacute;tait compos&eacute;e de 4 personnes, dont 3 qui &eacute;taient pr&eacute;sents sur le lieu du shooting :

Les moyens humains

1 Appareil photo professionnel plein format

De nombreuses lumières permettant d’éclairer le sujet et de créer des ambiances

Pieds et autres consommables pour le tournage

Afin de produire du contenu de qualit&eacute;, d&rsquo;importants moyens techniques ont &eacute;t&eacute; mis en place. Impossible d&rsquo;arriver les mains vides &hellip;&nbsp;
Une grande quantit&eacute; de notre &eacute;quipement &agrave; &eacute;t&eacute; mobilis&eacute; pour cette occasion :

Les moyens techniques

Le shooting s&rsquo;est d&eacute;roul&eacute; dans un h&ocirc;tel particulier &agrave; Paris s&eacute;lectionn&eacute; par la marque Hortence.
Ce lieu a &eacute;t&eacute; choisi pr&eacute;cis&eacute;ment afin d&rsquo;&eacute;tablir une harmonie avec l&rsquo;univers de la marque.&nbsp;
Plusieurs facteurs ont &eacute;t&eacute; pris en compte : la d&eacute;coration, le charme et l&rsquo;agencement de l&rsquo;h&ocirc;tel particulier parisien.

Le lieu du shooting

<h2>Vous avez un projet de shooting photo ou vid&eacute;o ?</h2>

Behind the scene - Notre agence de production de contenu photo et vidéo vous propose de découvrir les coulisses du shooting pour la marque parisienne Hortence