/ LinkedIn 4 mn

Le site du photographe, un portfolio en ligne avec Propulsion

Développement site web responsive

Web plein écran RWD Pour le site du Studio Mallevaey la part belle est réservée à l’image, et c’est la moindre des choses pour le site web d’un photographe ! Pour ce développement, le framework de développement Propulsion est à l’oeuvre pour cette réalisation très visuelle mais qui n’oublie pas le contenu texte et l’optimisation pour un référencement optimal.

Donner à voir sans négliger l’expérience de visite

Et c’est une préoccupation essentielle pour la création d’un site web qui propose l’affichage de visuels en plein écran qui pour certains atteignent des tailles de 1920 × 1280 pixels ! L’optimisation commence par un traitement des ressources images attentif pour obtenir le meilleur rapport qualité / taille / poids. Chaque fichier source est dimensionné au pixel près et optimisé dans ce but.

iPad RWD Coté backoffice, le chargement des fichiers images déclenche la création automatique des différents formats d’affichage exigés pour les largeurs d’écran. Le site est conçu en largeur adapté (RWD), l’affichage du contenu est modifié selon l’appareil de consultation, téléphone, tablette ou ordinateur de bureau…

Dans ce projet, le but est d’obtenir la meilleure expérience de visite, soit des visuels de qualité et un chargement des pages du site rapide. Le travail du développeur front-end va permettre non seulement un balisage HTML pertinent, mais aussi un affichage pertinent des visuels et du texte selon la largeur de l’appareil de consultation pour une navigation fluide et une expérience utilisateur agréable.

Web responsive design Pour le back-end, la mécanique du site, le déploiement de notre framework maison, sa configuration et son adaptation aux spécificités du projet font le reste. Propulsion propose en natif un système de cache qui va permettre un chargement rapide de pages HTML statiques vers le navigateur. Pour terminer le job, un réglage fin de la gestion du cache serveur pour toutes les ressources ajoute à la sensation de fluidité générale.

Résultat des courses, chaque page du site web se charge en moyenne en 500 ms et s’affiche complètement en moins de 1 seconde après chaque clic sur les liens…

Mon espace web comme outil de travail

Chez E SYSTEMES, on connait bien le métier du photographe. Pour preuve, si il en fallait, la création de l’application de gestion du flux de production photo Alpha Studio, qui leur est dédiée.

Utiliser les possibilités du web pour faire de son espace web un véritable outil de travail, en plus d’une vitrine de son activité professionnelle, est souvent un objectif que nous visons dans les développements de nos clients. Avec la mise à disposition de son espace client en ligne, le site du studio offre la possibilité au photographe la livraison des photos dans un espace de partage privé. Nous avons personnalisé et déployé une instance de OwnCloud connectée au site web pour cette application. Chaque client du photographe dispose de ses accès pour prendre livraison de ses photos, avec une galerie de prévisualisation, même pour les vidéos !

Pour aller plus loin :
De l’optimisation du temps de chargement d’une page web
Le site web de l’application Alpha Studio
Le site web du Studio Mallevaey à Dunkerque by E SYSTEMES