Développement d’un site web onepage pour la start-up Printstone

Printstone est une start-up dont le site web présente les technologies et les produits de l’entreprise. Dans ce projet, le développement du site web pour une start-up consistait en un site WordPress d’une seule page et son design, réalisés par CREATING.LV. Le projet a été livré en 2024.

La jeune entreprise avait besoin d’une présentation courte et claire : que le visiteur comprenne sur une seule page ce que propose l’entreprise, voie les produits en images et puisse prendre contact immédiatement. Il était tout aussi important que l’entreprise puisse modifier elle-même le contenu à mesure que son offre évolue.

CREATING.LV a réalisé l’ensemble du travail, de l’étude au site finalisé. Notre travail comprenait :

• l’étude et le plan de la structure de la page unique, ou plan de page ;
• un prototype ;
• le web design du site ;
• un thème WordPress sur mesure ;
• des sections avec les descriptions des technologies et des produits, des galeries d’images et un formulaire de contact ;
• un design responsive et un chargement rapide ;
• les bases du SEO ;
• la gestion du contenu, pour que le client puisse le modifier lui-même.

Il s’agit d’un développement de site web pour une start-up, du design jusqu’au site finalisé. Le pied de page du site indique « Printed by SIA CREATING.LV ».

Le travail a commencé par une étude — ce qu’il fallait dire sur l’entreprise, ses technologies et ses produits, et ce que le visiteur doit trouver en premier. Sur un site d’une seule page, le plan de page correspond à l’ordre des sections : l’ordre dans lequel le visiteur, en faisant défiler la page, découvre l’entreprise et arrive au formulaire de contact. Sur un site de plusieurs pages, le visiteur choisit lui-même quelle page ouvrir ; sur un site d’une seule page, l’ordre est fixé par le développeur, c’est pourquoi cette décision a été prise avant le design.

Nous avons ensuite créé un prototype permettant d’évaluer l’ordre et le contenu des sections avant le design. Un prototype est un modèle simplifié de la mise en page de la page unique, sans la présentation visuelle définitive : il montre où se trouvent chaque section, les titres, les blocs de texte, les galeries et le formulaire de contact, et il peut être commenté et modifié avant le début du travail de design. Ce n’est qu’ensuite que sont venus le design et le développement dans un thème WordPress sur mesure, avec une mise en page responsive pour ordinateur, tablette et téléphone. Cet ordre permet de valider la structure à temps, afin de ne pas devoir réorganiser toute la page pendant les phases de design et de développement.

Au moment de la livraison, tout le contenu était réparti sur une seule page, par sections :

• descriptions des technologies et des produits ;
• galeries d’images ;
• formulaire de contact.

Le visiteur découvre l’entreprise en faisant défiler une seule page : il prend d’abord connaissance de la technologie et des produits, puis les voit en images et arrive enfin au formulaire de contact. Le format d’une seule page n’a pas de menu avec de nombreux sous-éléments ni de pages où le visiteur pourrait se perdre — toute l’histoire de l’entreprise tient en un seul flux continu. Ce flux comprend aussi une section qui présente l’équipe de l’entreprise.

La technologie d’une start-up est souvent nouvelle pour le visiteur ; elle doit donc être expliquée avant de montrer les produits. Le site web de Printstone présente à la fois les technologies et les produits de l’entreprise, ce qui permet au visiteur de comprendre d’abord comment l’entreprise travaille, puis seulement de découvrir les produits concrets. Les avantages de la technologie sont présentés dans une section distincte de la page unique : quatre avantages, chacun avec une icône et une courte description.

Les descriptions des produits sont modifiables dans l’administration WordPress ; elles peuvent donc être complétées lorsque l’entreprise développe de nouveaux produits ou précise les produits existants.

Le design a été créé spécifiquement pour ce site web et intégré dans un thème WordPress sur mesure, et non dans un modèle prêt à l’emploi. Les produits et la technologie sont présentés dans des galeries d’images, de sorte que l’offre de la start-up se comprend même sans long texte, tandis que les descriptions des produits complètent les images avec les informations essentielles. Le client peut lui-même ajouter de nouvelles images aux galeries lorsque de nouveaux produits apparaissent.

Pour en savoir plus sur cette partie du travail, consultez la page Web design et UX/UI.

Le formulaire de contact se trouve à la fin de la page unique, là où le visiteur arrive après avoir découvert les technologies, les produits et les galeries. Grâce au formulaire de contact, le prospect n’a pas besoin de copier une adresse e-mail ni d’ouvrir un logiciel de messagerie — il peut envoyer sa question depuis la même page pendant qu’il lit encore la présentation des produits. Pour une start-up qui commence tout juste à nouer des contacts avec des clients et des partenaires, c’est un moyen simple de recevoir des questions depuis le site web.

Le design est responsive : le site d’une seule page s’adapte aux écrans d’ordinateur, de tablette et de téléphone, et les sections défilent sur téléphone comme sur ordinateur. Le site a été conçu pour un chargement rapide — dans le format d’une seule page, c’est particulièrement important, car le visiteur ouvre d’emblée tout le contenu, y compris les galeries d’images.

Les bases du SEO ont été configurées pour le site web afin que les moteurs de recherche comprennent de quoi traite le site. Dans le format d’une seule page, tout le contenu a une seule adresse ; ces bases s’appliquent donc à la page dans son ensemble. Elles comprennent généralement le titre et la description de la page pour les moteurs de recherche, ainsi qu’une hiérarchie logique des titres de sections.

Le client modifie lui-même le contenu dans l’administration WordPress — il peut changer les textes, remplacer les images des galeries et compléter les descriptions des produits sans l’aide d’un développeur. Pour une start-up, c’est essentiel, car la gamme de produits et le message changent souvent au début, et chaque modification ne doit pas nécessiter de commander des travaux de développement.

Dans le thème sur mesure, la mise en page et la présentation des sections sont intégrées au thème lui-même, tandis que les textes et les images sont modifiables dans l’administration. Cela permet au client de modifier le contenu sans affecter le design de la page unique ni l’ordre des sections.

WordPress avec un thème sur mesure. Un thème sur mesure signifie que le site contient ce dont cette page a besoin, sans les fonctions superflues d’un modèle prêt à l’emploi. Pour savoir quand et pourquoi choisir cette plateforme, consultez l’article Développement de sites web WordPress.

Un site web d’une seule page convient à une start-up ou à un nouveau produit lorsqu’il faut présenter l’essentiel sur la technologie et les produits et permettre aux prospects de prendre contact, mais qu’un site complet de plusieurs pages n’est pas encore nécessaire. Ce type de développement de site web onepage pour une start-up est aussi un bon point de départ si des sections ou des pages produits supplémentaires sont prévues plus tard.

S’il y a beaucoup de produits, de services ou de langues, un site d’une seule page devient long et plus difficile à parcourir ; un site de plusieurs pages convient alors mieux. Des repères de coûts de développement sont disponibles sur la page Tarifs de développement de sites web, de boutiques en ligne et de systèmes.

• Création de site web
• Web design

printstone.lv

Le portfolio présente la solution développée au moment de la livraison du projet. Le site actuel a pu être modifié depuis.