Développeur Web Location Appartement Giens

Location Appartement Giens

Le site de location de l’Appartement pour 4 à 6 personnes à Giens Hyères existant déjà en HTML, j’ai décidé de le mettre en WordPress. En effet, cela permettant une administration plus facile.

le site de Location Appartement Giens est un site de présentation en WordPress.

Réalisation :

J’ai donc installé un WordPress et pris le thème responsive comme celui de Bertrand Drouère ou de David Berthout. Grâce à ce thème, il n’y a pas eu trop de modifications sur la feuille de style CSS. J’ai donc choisi un fond blanc et le bleu pour la couleur dominate du site de location. De plus, j’ai installé les plugins principaux à WordPress tels que :

  • le Formulaire de Contact,
  • le Slider
  • le SEO pour le référencement.

J’ai donc créé mes 4 pages presque à l’identique sur WordPress. En effet, sur la page d’accueil, il y avait un petit slider que j’ai transformé en un slider en full. Celui-ci est positionné directement sous le menu. La page « Visite » n’a pas changé. C’est une page avec plusieurs sections qui comprennent des galeries d’images. La page « Tarifs et Réservations » n’est plus une page en PHP. Cette page créé sur WordPress, j’ai installé un plugin pour le calendrier de disponibilités de la location. Grâce au plugin Ajax Event Calendar, il y a une partie d’administration très simple que l’on peut personnaliser. La page « Contact » n’a pas été modifiée, mais le formulaire a été créé grâce au plugin Contact Form 7.

Comme mes amies avait un livre d’or papier pour la location de leur appartement, je leur ai proposé de leur mettre en ligne. J’ai donc créé une page « Avis Clients » où j’ai accepté les commentaires. Puis, j’ai entré les commentaires des personnes ayant loué la location.

Une fois le site validé par mes amies, j’ai refait un peu de référencement et je l’ai ouvert au public.

Développeur Web Bertrand Drouère Artisan

Bertrand Drouère – Artisan Electricité – Peinture – Décoration

EURL Bertrand Drouère est une société d’électricité basée à Villejuif. Il propose tous travaux d’électricité, peinture, décoration, sols, plaques de plâtre de vos biens immobiliers neufs ou vos biens en rénovation à Paris (75) et en Île de France : Seine et Marne (77), Yvelines (78), Essonne (91), Hauts de Seine (92), Val de Marne (94).

le site de bda-dif.fr est un site de présentation en WordPress.

Réalisation :

J’ai donc installé un WordPress et pris le thème responsive comme celui de David Berthout. Grâce à ce thème, je n’ai pas été obligé de faire trop de CSS. De plus, j’ai installé les modules principaux à WordPress tels que

  • le Formulaire de Contact,
  • le Slider
  • le SEO pour le référencement.

Une fois la structure faite, j’ai demandé à Bertrand Drouère les textes par sections et des photos de ses réalisations.

J’ai donc sectionné son site par corps de métier (Accueil / Électricité / Décoration – Peinture / Menuiserie / Sols / Contact). Ensuite j’ai entré le contenu de chaque page en mettant un minimum de texte correspondant à ses compétences, un lien vers la page Contact pour une demande de renseignement ou de devis, une galerie d’images et ses conditions de règlement. J’ai essayé de faire un bon travail sur le référencement pour être référencé.

Par rapport au site de David Berthout, Bertrand Drouère voulait que j’ajoute la palette de couleurs en haut de chaque page et que je mette ses coordonnées dans le footer. J’ai donc fait un footer en 2 parties, les coordonnées sur la partie haute et les mentions légales sur la partie basse.

Enfin, j’ai montré le site à Bertrand Drouère qui lui a plu. J’ai donc ouvert le site, inséré Google Analytics au site et envoyé le sitemap au Webmaster Tools. Je vous laisse donc découvrir un site simple en graphisme. Un site très épuré mais surtout montrant les compétences et les réalisations de Bertrand Drouère.

Développeur web David Berthout

David Berthout – Menuisier Plaquiste en Creuse

David Berthout est un Menuisier – Plaquiste en Creuse. Étant un ami, je lui avais fait en 2010 des cartes de visite pour ses clients. Mais aussi des plaquettes et cahier de présentation pour donner aux architectes sur la Creuse, Limoges et Châteauroux. Il a fait évolué son entreprise depuis 2010 et m’a demandé de lui faire un site internet. Celui-ci pour présenter son entreprise et ses compétences.

Le site David Berthout est un site de présentation de sa société de Menuisier Plaquiste en WordPress.

J’ai donc installé un WordPress et choisi un thème responsive. Grâce à ce thème, je n’ai pas été obligé de faire trop de CSS. De plus, j’ai installé les modules principaux à WordPress tels que le Formulaire de Contact, le Slider et le SEO pour le référencement. Une fois la structure faite, j’ai demandé à David Berthout ce qu’il voulait principalement sur son site et s’il avait des photos de ses réalisations en tant que Menuisier Plaquiste en Creuse.

J’ai donc sectionné son site par corps de métier (Présentation, Isolation / Placo, Menuiserie, Parquets / Lambris, Contact). Ensuite j’ai entré le contenu de chaque page en mettant un minimum de texte correspondant à ses compétences, un lien vers la page Contact pour une demande de renseignement ou de devis et une galerie d’images. J’ai essayé de faire un bon travail sur le référencement pour être référencé en Creuse en tant que plaquiste.

Enfin, j’ai montré le site à David Berthout dont ses retours étaient bon. J’ai donc ouvert le site, inséré Google Analytics au site et envoyé le sitemap au Webmaster Tools. Je vous laisse donc découvrir un site simple en graphisme, très épuré mais surtout montrant les compétences et les réalisations de David Berthout – Plaquiste – Menuisier en Creuse.

Développeur web Flobike Aquabiking Granville

Flobike – Aquabike à Granville dans la Manche(50)

Flobike est un centre Aquabike qui se trouve à Granville dans la Manche (50). Aquabike peut servir comme Kinésithérapie ou Thalassothérapie, cela est très bon pour la santé, le bien être et l’amincissement. C’est une remise en forme et du sport pour débutants ou non. Flobike nous a donc contacté pour lui faire un site Internet pour la présentation de l’Aquabike à Granville.

Le site Flobike est un site de présentation responsive en WordPress réalisé dans l’agence Schuller Graphic.

Réalisation :

Mon collègue a commencé par installer WordPress et les modules tels que Formulaire de Contact, Slider, un module SEO. Ensuite, il a stylé grâce à du CSS. Il a créé le menu et les pages dont il a rentré un minimum de contenu. Pour la page d’accueil, il a inséré un slider avec une vidéo que le photographe de Schuller Graphic avait effectuée à Flobike à Granville.

Ensuite, mes collègues en PAO m’ont envoyé la plaquette de Flobike qu’ils avaient réalisé en PDF. Cela m’a permis de rentrer le contenu sur le site de Flobike, aussi bien le texte que les images. J’ai donc fait attention à rentrer le contenu pour que le site Flobike soit responsive, je me suis basé sur les colonnes du thème et dans certains cas j’ai dû utiliser du CSS pour agrandir ou réduire les textes ou afficher ou non les images suivant la résolution d’écran. J’ai inséré en bas de la page d’accueil 3 extraits de Vidéos montrant l’Aquabike suivant le niveau des personnes.

Enfin, on m’a demandé d’inclure sur le site une sorte de Widget avec leur numéro de téléphone et les qualités de l’Aquabike tels que Modèle Breveté et Fabriqué en France. J’ai donc dû créer 2 div en HTML avec les images et le téléphone en texte. Puis en CSS et en jQuery, faire apparaître l’une ou l’autre div suivant sur quelle résolution est-on.

Développeur web Editions Ypypyp

Éditions Ypypyp – Vente de fiches pratiques pour devenir autonome

Les Éditions Ypypyp nous ont contactés pour leur créer un site Web. Celui-ci pour montrer leur activité et vendre les fiches pour devenir autonome. Les Éditions Ypypyp est un éditeur engagé sur la thématique de l’autonomie. Cette société est créé par Yvan Saint-Jours et Philippe Pellan :

  • Yvan Saint-Jours qui est chef spécialiste de l’écoconstruction,
  • Philippe Pellan paysagiste-jardinier créateur d’écosystèmes naturels

Le site Éditions Ypypyp est un site e-commerce responsive en WordPress réalisé dans l’agence Schuller Graphic.

Réalisation :

Tout d’abord, nous avons commencé par installer le WordPress avec un thème. Puis installer WooCommerce pour la vente en ligne des fiches DIY des Éditions Ypypyp. Puis, nous avons installé des modules tels que :

  • Contact Form 7 pour la création de formulaire avec le module Really Simple CAPTCHA,
  • le module Revolution Slider pour la page d’accueil,
  • WP Super Cache pour la rapidité du site,
  • Advanced Custom Fields pour permettre de créer des champs personnalisables aux fiches produits,
  • Yoast SEO pour le référencement du site.

Puis, nous avons structuré le site avec une page d’accueil qui contient un slider, les dernières parutions et une remonté du blog. Ensuite, nous avons une page de présentation des Éditions Ypypyp, une page concernant les auteurs des fiches DIY, une page Boutique sanctionnée en différentes catégorie pour vendre les fiches pour devenir autonome et une page Contact.

Enfin, ils voulaient permettre aux professionnels, qui vendent leurs fiches, de leur consacrer une partir Pro pour pouvoir télécharger différents documents. Nous avons donc mis en place un accès sécurisé grâce aux modules User Profiles Made Easy et Members pour l’identification des personnes, le module File Away pour le téléchargement de fichier. Les professionnels doivent s’inscrire grâce à un formulaire de contact et une personne des Éditions Ypypyp leur envoie un code d’accès pour entrer dans la partie Pro.

Développeur web Respimer Les Laboratoires de la mer

RESPIMER NetiFlow – Lavage nasal des laboratoire de la mer

RESPIMER NetiFlow est un produit du groupe Le Laboratoire de la Mer. Notre agence de Rennes faisant les plaquettes Respimer. Le Laboratoire de la Mer nous a contactés pour faire leur site web Respimer en Anglais. En effet, Respimer Netiflow avait déjà un site web en Français fait sous WordPress.

Le site RESPIMER NetiFlow est un site de présentation en WordPress réalisé dans l’agence Schuller Graphic.

Réalisation :

Le Laboratoire de la Mer nous a transféré leur site complet avec la base de données associée. J’ai tout d’abord changé le nom des tables WordPress. Celle-ci pour qu’elles ne rentrent pas en conflit avec les tables en français lors du transfert. J’ai effectué le remplacement en base de données du nom de domaine par un domaine de test.

Ensuite, j’ai transféré les fichiers et la base de données sur un de nos serveurs privés.

J’ai tout d’abord, changé les noms des pages et les urls pour les mettre en anglais. Ensuite, je me suis occupé du menu qui est différent du site en français.

Ensuite, page par page, j’ai changé les textes qui m’ont été fournis par Le Laboratoire de la Mer tout en respectant le style des pages. J’ai dû aussi refaire toutes les images des pages mais aussi l’image de fond du Header et les images de la page d’accueil.

Enfin, j’ai créé un switch que j’ai placé dans le Header du site pour pouvoir passer du site version française au site version anglaise et inversement.

Une fois le site terminé et validé par Le Laboratoire de la Mer, je leur ai créé un dossier contenant tout le site WordPress en anglais et un export de la base de données. Mais aussi, le code HTML et le jQuery du switch à inclure sur leur site Respimer Netiflow version française.

Développeur web Les Foulées de Bayeux

Les Foulées de Bayeux – Epreuve de running à Bayeux en Normandie

Les Foulées de Bayeux est une association qui organise une journée par an une compétition de running à Bayeux en Normandie. Les organisateurs des Foulées de Bayeux nous a contacté pour avoir un site pour montrer cette journée, vendre les places directement en ligne et gérer les courses. Par avant, il avait juste un site vitrine et les coureurs devaient payer leur place par une autre passerelle.

Le site Les Foulées de Bayeux est un site e-commerce en WordPress réalisé dans l’agence Schuller Graphic.

Réalisation :

Tout d’abord, nous avons donc commencé à installer WordPress avec le module e-commerce WooCommerce. Puis, le graphiste a intégré entièrement le site, pendant que le chef de projet configurait le WooCommerce. Ensuite, nous avons fait un point pour s’organiser sur les courses et la passerelle. Cette passerelle entre l’administration de WordPress et l’administration que je devais faire pour gérer les courses. Nous avons donc décidé de mettre en commun les références de courses avec les catégories de personnes associées.

Un internaute choisit sa course et remplit tous les champs qu’on lui demande tel que Nom, Prénom, Date de Naissance, Certificat Médical… Ensuite, une fois qu’il a payé, un hook est mis en place et transfert toutes les données vers ma base de données.

Ensuite, les organisateurs des Foulées de Bayeux doivent s’identifier pour entrer dans la partie Administration pour gérer les courses. La page d’accueil présente les différents participants des courses modérés ou non. Ils peuvent donc aussi en ajouter manuellement.

Dans ce back-office, nous pouvons trouver les sections :

  • La liste des clubs FFA ou Non avec un moteur d’import.
  • Les catégories des participants.
  • Les différentes courses d’une année.
  • Une section import / export servant surtout au chronomètre Breteven, mais aussi pour un résultat automatique des récompenses.
  • La page Arrivée par course avec les différentes places et prime.
  • Une section Utilisateur pour créer, modifier ou supprimer une personne pouvant accéder à ce back-office.

Enfin, voici un diaporama de ce back-office :

Foulées de Bayeux Participants
Foulées de Bayeux Participant Détails
Foulées de Bayeux Clubs
Foulées de Bayeux Catégories
Foulées de Bayeux Courses
Foulées de Bayeux Course détails
Foulées de Bayeux Import Export
Foulées de Bayeux Arrivées
Développeur Web Donville Évasion Plongée

Donville Évasion Plongée – Club de plongée à Donville-les-Bains

Le club Donville Évasion Plongée est basé dans le Pays Granvillais. Le club Donville Évasion Plongée est une association sportive. Elle est régie par la loi du 1er juillet 1901 à but non lucratif. L’objectif du club est de faire découvrir la plongée sous-marine suivant les textes de la FFESSM.

Le site Donville Évasion Plongée est un site de présentation du club de plongée en WordPress.

Réalisation :

Tout d’abord, le club de plongée de Donville-les-Bains, étant des amis et ayant commencé avec très peu de trésorerie, je leur ai proposé un site web. J’ai donc utilisé le CMS WordPress et j’ai pris un thème assez simple, non responsive.

Puis, j’ai créé une feuille de CSS le plus simple possible. Celle-ci pour styler le header, le menu, les fonds, les liens et les boutons. Ils m’ont créé le logo et fournit les textes et les photos.

Ensuite, je leur ai demandé ce qu’ils voulaient sur leur site, ce qui m’a permis de créer ce menu et d’inclure des modules tels que : Contact Form 7 pour la création de formulaire, All-in-One Event Calendar pour afficher les sorties en mer, en fosse, les rendez-vous du club, les voyages… MailPoet Newsletters pour l’inscription à leur Newsletter et Meta Slider pour la création de Slider.

Enfin, pour le site Donville Évasion Plongée, j’ai essayé de faire au mieux le référencement en donnant des noms de pages cohérents avec les titres, les urls et le texte. Le nom des images et leur titre sont tous associés à leur page. J’ai créé une adresse gmail qui m’a permis de créer une chaine youTube, d’implémenter un Google Analytics et d’envoyer le sitemap à Google Webmaster Tools et vérifier les incohérences des pages.

L’équipe de la plongée vont souvent sur le site et l’administre. En effet, ils mettent à jour le planning et font des articles de leurs plongées illustrées de photos.

Développeur Web Groupe Napoly

Groupe Napoly – Société de transports de matières dangereuses et non dangereuses sur l’ensemble de la France.

La société Groupe Napoly est une entreprise de transports de matières dangereuses et non dangereuses en citerne. Le Groupe Napoly est composé de 3 sociétés : Napoly Transports, Péchavy Transports, Vigouroux transports, d’où la présence de ce groupe sur l’ensemble de la France.

Le Groupe Napoly est un site de présentation du Groupe Napoly en WordPress réalisé dans l’agence Schuller Graphic.

Tout d’abord, j’ai installé WordPress relié à sa base de donnée. Puis, nous avons pris un thème Responsive. En effet, le thème étant responsive, nous avons dû développer certaines parties pour rendre le site Groupe Napoly 100% responsive. Par la suite, j’ai installé différents modules tels que :

Formulaire de Contact,

LayerSlider et révolution Slider,

SEO pour le référencement

et WP Super Cache pour la vitesse.

Puis pour le header, nous avons inséré le logo et le menu et une zone de recherche. Et pour le footer en 3 colonnes, les chiffres clés, un formulaire de contact et les implantations.

Ensuite, nous avons créer 6 pages. La page d’accueil et la page « Qui sommes-nous » sont bien segmentées. La page d’accueil est constitué d’un slider. Puis, de nos engagements et d’une partie constituée de parallax. Mai aussi d’un portfolio et des box avec des icônes.

Nous avons aussi personnalisé la page « Qui sommes-nous ». Elle est segmentée comme la page d’accueil. J’ai donc développé en jQuery le second menu et adapté la partie Timelapse en responsive. Nous avons mis aussi un portfolio, du texte, du parralax. Mais aussi du texte en accordéon et une carte des implantations.

Puis, les pages Engagements, Notre métier et Contact sont plus simple. En effet, elles sont claires et sans trop d’informations. Dans la page Engagements, j’ai inséré un Caroussel. Celui-ci présente les certificats du groupe.

Développeur Web Kaizen Magazine

Kaizen – Vente de magazine publication d’articles de presse

la société Kaizen, un magazine alternatif, 100% positif, pour changer le monde pas à pas. Kaizen est un mot japonais. Littéralement, il signifie changement [kai] et bon [zen]. C’est aussi la philosophie, d’un changement durable par l’action de petits pas. Kaizen est né de la rencontre de Cyril Dion, de Pascal Greboval et d’Yvan Saint-Jours, fondateur du magazine La Maison Écologique. Cyril Dion est co-fondateur du Mouvement Colibris. Pascal Greboval est journaliste et photographe indépendant. Yvan Saint-Jours est fondateur du magazine La Maison Écologique. Il est notamment porté par le Mouvement Colibris et inspiré par la philosophie de Pierre Rabhi.

Kaizen est un site e-commerce en WordPress, associée à WooCommerce réalisé dans l’agence chez Schuller Graphic.

Réalisation :

Tout d’abord, nous sommes partis d’une base WordPress avec le thème Ciola qui était compatible avec WooCommerce.

Puis, nous avons décidé de mettre dans le header directement un bouton pour la vente d’abonnement. Mais aussi un bouton pour connaître le magasin le plus proche de chez nous pour trouver le magazine Kaizen Magazine. Puis, nous remontons en jQuery les réseaux sociaux tels que le flux RSS, Twitter et Facebook.

Ensuite, dans le menu, nous avons dissocié la rubrique Kaizen, les différents articles classées par thématique, et la vente de magazine et d’abonnement. Nous avons donc créé un sous menu qui contient les thématiques qui se mettent en orange lorsqu’on est sur la thématique choisie.

Dans le footer, nous faisons une remontée d’informations qui reprend principalement le menu.

Nous avons décidé de mettre une rightbar qui contient l’abonement à leur Newsletter, l’agenda des manifestations, une remontée d’article tel que le dessin de la semaine, et une section publicité pour leur partenaire. Kaizen décide si il le veule afficher ou non cette rightbar dans leurs pages.

Pour la page d’accueil, nous avons dû modifier les modules tels que le nombre d’affichage du 1er module qui passe de 4 à 3 avec des remontés d’articles bien spécifique. Pour les autres modules, c’est le nombre d’affichage d’articles que nous devions modifier.

Enfin, pour la partie WooCommerce, nous avons mis en place certain champs lorsque l’internaute désire que les abonnements ou les magazines soient livrés à des adresses différentes. De plus, il y a un export des commandes en csv toutes les nuits envoyé par e-mail pour un traitement avec le service envoi de la société avec laquelle Kaizen magazine travaille.

Prev12