web

Bruno Fontaine Photography

C'est mon premier site personnel réalisé avec ce que j'ai pu apprendre à Pixem Institut.

Etant photographe, je souhaitais créer un site avec plusieurs galeries correspondant aux différents styles photographiques que j'affectionnais.

D'un point de vue graphisme, mon voeux était d'obtenir un site clair, simple, et classe... avec avant tout, une part belle aux photos en faisant en sorte de pouvoir visionner les images en "total full screen", c'est à dire en plein écran, avec la disparition total des éléments du navigateur internet et du système d'exploitation.

J'ai trouvé mon bonheur grâce au JQuery "Galleria", proposant cette possibilité "full screen". Ce module m'a également permis de mettre en ligne des vidéos de timelapses puisqu'il propose l'intégration de lecteurs vidéos tel Youtube ou Viméo.

Du côté technique, il est l'un des sites les plus complets que j'ai pu aborder puisque outre le html, j'y ai mis du CSS3, du php, javascript... et même une pointe de Flash avec ma bannière dans la page "A propos".

www.brunofontaine-photography.com

Dioramaquettes35

Ce deuxième site est également un site personnel.

Aimant aussi le maquettisme, j'ai créé ce site dans le but de partager ce hobby avec d'autres passionnés. Mon but était d'avoir un site avec une ergonomie la plus simple possible mais aussi la plus complète pour permettre de consulter mes derniers montages sous forme d'articles proposant de visionner des photos accompagnées de descriptifs.

Du coup, je me suis orienté vers les CMS, plus précisément vers Wordpress, permettant de mettre à jour le site par le biais d'articles avec un système d'archives et de recherches par l'utilisateur.

La puissance de Wordpress est aussi le fait de pouvoir y ajouter des extensions, des petits "plus" facilitant la navigation, le partage sur les réseaux sociaux,...

J'ai donc créé mon propre thème Wordpress, et je l'ai intégré au sein de l'architecture du CMS.

Ce site n'est pas totalement terminé, le graphisme va être amélioré et un captcha sera installé sur les formulaires de commentaires.

www.dioramaquettes35.com

Services à la clé

Ce site est une commande d'un client désirant un site vitrine.

Services à la clé est une société installée dans une gallerie marchande d'un centre commercial, son activité principale est la reproduction de clés, mais aussi la cordonnerie, la quincaillerie, la gravure, l'imprimerie... Bref une société ayant plusieurs cordes à son arc avec de très nombreux produits et services.

Partant de ce constat, et pour ne pas perdre le visiteur dans centaines de pages différentes, j'ai proposé au client de lui réaliser un "One-Page" et la possibilité que l'internaute puisse découvrir toutes les activités en photo par le biais d'un diaporama.

J'ai donc créé des pictogrammes correspondant aux divers services proposés par la société ; grâce au php, au clic, le diaporama se lance et diffuse des fiches renseignant l'internaute.

Qui dit One-Page, dit page "assez haute", donc pour éviter de "scroller" indéfiniment, j'ai disposé des flèches permettant de remonter très vite en haut. Idem, pour descendre à un contenu précis, le menu vient se bloquer en haut de la fenêtre et l'internaute ne quitte donc jamais le menu des yeux.

www.services-a-la-cle.fr