Références Webdesign

Vous trouverez ci-dessous, une liste de quelques sites se rapportant à des domaines divers, que j'ai réalisés. En accompagnant des miniatures associées à chaque site, vous trouverez un court descriptif qui vous permettra de mieux cerner les particularités ou les aspects techniques liés à telle ou telle réalisation.

Alain Lechenet - webdesigner et formateur: Vous avez ce site sous les yeux. Il est donc inutile d'en faire une longue description. N'hésitez pas à le parcourir, vous y trouverez de l'information de la réflexion et encore beaucoup de choses.
La page actualité, comme son nom l'indique, est amenée à évoluer fréquemment. N'hésitez donc pas à revenir régulièrement sur ce site.
Réalisation xhtml - mise en page fixe type "portail".
Au Bœuf Rouge - Restaurant gastronomique: Propriété de la famille Golla, cet établissement qui allie un hôtel de luxe à un restaurant de haute gastronomie, jouit d'une grande réputation. Le Bœuf Rouge a notamment fait l'objet d'une émission spéciale des Escapades de Petitrenaud en 2009.
- Le site publique, consultable par tous les internautes, permet de s'informer sur l'établissement mais également sur l'histoire de la famille Golla. Le visiteur pourra également consulter la carte, les menus ainsi que les formules proposés par le Bœuf Rouge.
(XHTML, JavaScript, PHP, MySQL, Flash)
- Le CMS, accessible au seul Bœuf Rouge, permet la mise à jour de la carte, des menus et des formules à travers une interface de type "pousse-bouton" extrêmement simple à utiliser et ne nécessitant que quelques minutes d'apprentissage. En outre, un tutoriel vidéo a été créé en complément d'une classique documentation papier.
(XHTML, JavaScript, Ajax, PHP, MySQL)
Société EDARD: L’entreprise EDARD, fondée en 1795, est une filiale du groupe STARD spécialisée dans le bouchage. Parmi les produits phares de cette entreprise, on trouve les fermetures mécaniques de bouteille ou de bocal.
La conception graphique a été faite par Jean-Claude Brehm de la société Canibal et les photos sont le fruit de Christian Creutz.
Outre la réalisation du site en XHTML strict, je suis également le responsable de l'interstitiel flash de la page d'accueil ainsi que des galeries photos/vidéos réalisées en JavaScript.
48°nord - latitude client: La société 48°nord est une jeune société strasbourgeoise spécialisée dans la relation client.
Le site Internet comprend 3 sites :
- le site vitrine, accessible en cliquant sur la vignette ci-après, a été réalisé grâce au logiciel MasterEdit. Je n'en suis pas l'auteur.
- le CMS : Ce système de gestion de contenu est une véritable application Web permettant aux experts de la société de créer des enquêtes de satisfaction, de les rendre accessibles à leurs clients et enfin de les administrer. Site dynamique réalisé avec PHP, MySQL, Javascript, Ajax...L'accès est sécurisé et seuls les responsables de la société 48°nord peuvent accéder à ce site.
- l'espace client : Cet espace permet aux clients de la société 48°nord de créer leur compte et d'administrer leurs enquêtes (impression de questionnaires, saisie des réponses clients, visualisation et impression des résultats etc.). Site dynamique réalisé avec PHP, MySQL, Javascript, Ajax... L'accès est sécurisé et seuls les clients de la société peuvent accéder à ce site. Néanmoins une démo flash permet de voir le fonctionnement de l'outil : cliquez sur le lien ci-dessus afin d'accéder au site vitrine 48nord.fr puis cliquez sur le lien "réalisez vos enquêtes (démo animée)" ou bien cliquez tout simplement ici.
Une fois la page affichée, cliquez sur le bouton démo vidéo.
Je suis l'auteur de ces deux derniers sites (ainsi que de l'animation flash).
cordonnerie-dossmann.fr : cordonnerie artisanale et services on-line: Ce site est consacré à la cordonnerie de Jean-Marc Dossmann : artisan cordonnier à Strasbourg. Fort d'un constat de désertification du paysage français de la cordonnerie artisanale et donc de qualité, Jean-Marc Dossmann a estimé qu'il était désormais temps que la cordonnerie vienne auprès des clients où qu'ils se trouvent (en France et à l'étranger).
A travers ce site, Jean-Marc Dossmann présente ses prestations, parle de sa passion des belles chaussures et fournit toutes les informations nécessaires à un service on-line avec ses clients.
Réalisation en XHTML strict et usage relativement important d'effets Web 2.0.
2-phones-in-1.com - boutique en ligne: Ce site dynamique a été créé pour la société allemande 2-phones-in-1.com. Cette société vend — exclusivement sur le Net — des accessoires pour téléphonie mobile.
Le site a notamment été cité dans la presse allemande (revue CONNECT.DE, la référence en téléphonie mobile en Allemagne) ainsi que dans l'émission NEUES (spécialisée dans les technologies de pointe) de la chaîne ZDF / 3Sat.
Il intègre un catalogue de produits, gère les commandes, permet le paiement en ligne et met à jour une base de données permettant le suivi et la facturation des clients.
Il dispose également d'un forum de discussion, et autorise l'inscription des internautes à une newsletter (lettre d'information).
Une section "administration" permet au propriétaire du site, de suivre les commandes, d'interroger la base en fonction de critères multiples et enfin d'envoyer les newsletters.
Ce site a fonctionné remarquablement — pour la plus grande satisfaction de son propriétaire — pendant cinq ans (jusqu'à décembre 2008). Il a été récemment remplacé par un nouveau site, mais une version mirroir peut être consultée en cliquant sur l'image de droite.
Réalisation xhtml - mise en page liquide.
dual-sim.com - site miroir: Ce site a également été créé pour la société 2-phones-in-1.com en tant que site miroir du site principal. En d'autres termes, ce site utilise un autre nom de domaine et permettra au visiteur d'avoir une présentation ultra-compacte du site de 2-phones-in-1.com — le challenge de ce site a consisté à avoir une page unique — l'incitant éventuellement à venir dans un deuxième temps sur celui-ci.
Réalisation xhtml - mise en page fixe.
Site officiel de Stonewash - groupe rock: Ce site a été réalisé pour le groupe rock — plus exactement power pop — Stonewash. Le groupe existe depuis 1996 et a eu l'occasion de se produire dans la région, mais également en Allemagne et en Suisse. Outre un Album paru en 97, Stonewash a participé à un certain nombre de festivals, et fait des apparitions dans plusieurs émissions de radio et télé en Allemagne et en France. Le bassiste-chanteur et compositeur du groupe n'est pas tout à fait un inconnu puisqu'il s'agit de votre serviteur.
Le site propose de nombreux extraits audio et vidéo. La page d'accueil diffuse une animation en flash vidéo (FLV) dont le montage a été réalisé par mes soins ainsi que le player permettant au visiteur de piloter la vidéo. A ce titre, il s'agit s'une bonne démonstration de compétences avancées en Flash.
Le site est disponible en trois langues (français, anglais, allemand).
Réalisation xhtml - mise en page liquide.
atelier-escalade.fr : site de ressemelage de chaussons d'escalade: Ce site est celui de Jean-Marc Dossmann, un artisan cordonnier passionné et spécialiste des réparations de chaussons d'escalade.
Si vous êtes adeptes des sports de montagne, escalade, alpinisme, alors vous serez certainement intéressé par ce site et par les réparations de vos chaussons où que vous soyez en France ou en Europe.
Tennisenfrance.com - site de passionnés de tennis: Ce site dynamique a été fait pour le compte de l'association Tennisenfrance.com. C'est un site de type communauté. Les membres de Tennisenfrance sont des joueurs de tennis — amateurs ou compétiteurs — qui ont la possibilité, une fois inscrits, de partager leur passion du tennis.
Les membres de Tennisenfrance peuvent saisir leur fiche complète (plus de cent informations concernant le joueur), découvrir la fiche des autres membres, sélectionner des membres dans la base à partir d'une recherche sur le département, le classement et l'âge des membres et enfin entrer au contact avec d'autres membres dans l'espit d'un défi "tennistique" !
Un forum, écrit spécialement pour ce site, autorise un autre type d'échange entre les membres, tel que discussion sur l'actualité etc.
Un système de points de fidélité est également pris en charge par le site, qui obéit à des règles de gestion relativement complexes.
Réalisation xhtml - mise en page liquide
label JC-Music - éditeur musical: Ce site a été créé par la société JC-Music, label musical allemand.
Le site utilise un système de menus arborescents très élaborés développés en javascript. L'esthétique du site, réalisée comme toujours en partenariat avec la société donne dans une ambiance bichromique bleue intéressante.
Outre des extraits audio et vidéo, le site propose un certain nombre de pages relatives à la "vie et l'œuvre" de son fondateur.
Réalisation html - mise en page avec cadres.
Insolidum jazztet - formation jazz: Ce site a été créé pour le quintet jazz Insolidum jazztet.
L'idée de ces cinq musiciens fondateurs, étaient de disposer d'une page Web — plus que d'un site web — afin de présenter les membres de cette formation, le travail du groupe et son actualité. Ce parti pris explique l'approche "tout sur une page" du site.
Le visiteur pourra également écouter un certain nombre de standards jazz joués par la formation.
Réalisation html - mise en pages basée sur des cadres