Biscuiterie Ste Mère Église

27 novembre 2016 / in / by Chris Letellier

Développeur Web Biscuiterie Sainte Mère Église

Biscuiterie Sainte Mère Église – Biscuiterie Artisanale en Normandie

La Biscuiterie Sainte Mère Église avait un site e-commerce en Prestashop 1.5. Ce site était dans une agence de communication concurrente.

Biscuiterie Sainte Mère Église est un site e-commerce en Prestashop dont la refonte graphique a été réalisée chez Schuller Graphic.

Nous nous sommes basés sur le thème d’origine de Prestashop 1.6 pour créer la maquette. Après validation de celle-ci, j’ai intégré le site Biscuiterie Saint Mère Église. Je suis resté sur la version de Prestashop 1.5 en activant le responsive. Ensuite, j’ai repris les couleur de la maquette qui sont le marron et le bordeaux.

Réalisation

Tout d’abord, j’ai commencé à activer et à désactiver les différents modules. En effet, les modules sont présents dans le header, sur la page d’accueil et dans le footer. Mais aussi dans la leftbar. Après les avoir activé, j’ai dû les positionner correctement pour qu’ils collent avec la maquette.

Le pré-Header est composé des modules :

Module de recherche dont j’ai ajouté 2 liens « Code Promo » et « Contactez-nous ».
le module Utilisateur pour s’identifier.
le module langue pour les langues française et anglaise.

Le Header est composé du logo, du panier et du menu.

Pour le Footer, j’ai mis les modules Newletter, les réseaux sociaux, le bloc du footer, le bloc catégories. Mais aussi, le bloc Mon Compte et le bloc Contact infos. J’ai aussi ajouté notre signature.

Ensuite, je me suis occupé de la page d’accueil où tout se fait en module. J’ai inséré le diaporama de page d’accueil à côté de l’éditeur de page d’accueil. Puis, j’ai inséré le module « Produits phares sur la page d’accueil ». Et, j’ai mis le module « Contenus de CMS en page d’accueil » qui va chercher plusieurs pages CMS conçus pour cette page.

Une fois tout cela réalisé, j’ai pu commencer à restyler le site en commençant par la page d’accueil des Biscuiteries Sainte Mère Église. Puis, j’ai mis aux couleurs les catégories et les fiches produits. Et, j’ai vérifié aussi le style des pages CMS.

Enfin, j’ai stylé et vérifié le responsive pour que le site Biscuiterie Sainte Mère Église passe aussi bien sur tablettes que sur téléphones mobiles.

Voici l’ancienne site avant que j’en fasse la refonte :

Biscuiterie artisanale de Normandie à Sainte Mère Église

Bissap

27 novembre 2016 / in / by Chris Letellier

Bissap – Les Boissons au Gingembre ou à l’Hibiscus

Bissap est un site e-commerce en Prestashop 1.6. Ce site a été réalisé par une agence de Granville qui n’a pu le finir. Le travail réalisé sur ce site était le strict minimum, personne ne pouvait commander dessus.

Après avoir eu les accès au back-office, j’ai pu commencer le travail.

Réalisation

Tout d’abord, il fallait styler le site Bissap. J’ai laissé le background du body, le style du header et du footer. Par contre, j’ai utilisé pour le contenu un background blanc qui est plus lisible que le jaune pale. Ensuite j’ai repris la couleur rouge du logo pour les mettre sur les balises H1, H2…H6. Mais aussi, je l’ai utilisé pour les boutons et les short_product. Il ya avait aussi tout le processus de commande à styler.

Ensuite, j’ai fait un minimum de référencement. Sur la page d’accueil, j’ai ajouté un texte d’introduction sur les boissons de la Téranga et l’Afridélis. Pour les pages Catégories, j’ai aussi ajouté un texte de référencement pour expliquer les bienfaits de chaque catégorie. En effet, Bissap vends des jus à base de fleurs d’Hibiscus, aux gingembre et de la confiture.

Pour les photos, je les ai détourées et je leur ai mis un nom pour un meilleur référencement.

Pour le processus de commande du site Bissap, j’ai ajouté des transporteurs :

Retrait au marché de Granville dans la Manche
Retrait en magasin à Granville en Normandie
Envoi par la Poste : prix par tranche de poids

Pour le paiement, nous pouvons payer par Virement Bancaire, Paypal ou par Chèque.

Lorsque tout cela a été effectué, j’ai inséré un Google Analytics et j’ai envoyé le sitemaps au Webmaster Tools de Google.

Vous désirez acheter les produits de la Téranga : jus d’hibiscus ou de gimgembre, rendez-vous sur cette page.

Les Invités du Vent

27 novembre 2016 / in / by Chris Letellier

Les Invités du Vent – Location de voiliers au départ de Granville

Les Invités du Vent est une société qui permet de vous louer un de leurs 2 voiliers.Vous pouvez louer un voilier au départ de Granville dans la Manche en Normandie. Vous pourrez naviguer vers les archipels de Chausey ou les îles Anglo-Normandes tels que Jersey ou Guernesey.

Les Invités du Vent est un site de location de voiliers fait en WordPress responsive. Le site étant correcte en couleur et en navigation, je n’ai fait aucun style dessus. Il fallait juste faire un travail de référencement.

Réalisation

Tout d’abord, j’ai choisi les mots qui devaient être référencés : Location, Voilier, Chausey, Îles.. Ensuite, J’ai renommé toutes les pages avec ses différents mots clés. Puis, j’ai vérifié sur chaque page les différents liens qui n’emmènent pas l’internaute vers une page 404.

Sur chaque page, j’ai ajouté du texte avec le mot clé associé à la page. J’ai aussi ajouté des balises alt aux images liées aux pages.

Lorsque tout cela a été effectué, j’ai inséré un Google Analytics et j’ai envoyé le sitemaps au Webmaster Tools de Google.

Espace Orthophonie

24 juillet 2016 / in / by Chris Letellier

Espace Orthophonie – Spécialiste du matériel orthophonie

Espace Orthophonie avait un site de e-commerce en E-majine par Médialibs. Elle est revenue vers nous pour refaire leur site e-commerce. Nous leur avons proposé un site sous Prestashop.

Espace Ortho est un site e-commerce en Prestashop réalisé chez Schuller Graphic.

Nous nous sommes basés sur le thème d’origine de Prestashop pour créer la maquette. Après validation de celle-ci, j’ai intégré le site Espace Orthophonie. J’ai repris les couleurs dominantes du logo le Violet et le Vert. Après avoir intégré le header et le footer, je me suis attaqué aux catégories et fiches produits.

Développement Front et Back

Ensuite, j’ai dû faire des développements pour certaines fonctionnalités du site. Ses développements ont été faits sous forme de modules.

Produits mis en avant sur la page d’accueil – Nouveautés. Le client peut donc choisir la catégorie qui est relié à ce module et le nombre de produits à afficher.
Produits mis en avant sur la page d’accueil – Notre Sélection. Le client peut donc choisir la catégorie qui est relié à ce module et le nombre de produits à afficher.
Produits mis en avant dans le colonne de droite – Top Ventes. Le client peut donc choisir la catégorie qui est relié à ce module et le nombre de produits à afficher.
Champ Additionnel Client. Lors d’une inscription d’un client, j’ai ajouté un champ Profession qui est obligatoire. De plus, Espace orthophonie peut administrer ses professions en back-office.
Export des Produits. Espace Orthophonie désirait avoir un export de leurs produits en CSV. Cet export renvoie toutes les catégories associées car Prestashop ne sort que la catégorie par défaut.
Détails de Commande et commentaires : c’est un hook qui ajoute 2 lignes produits sur la commande. Une ligne servant à mettre le transporteur et le moyen de paiement, l’autre concerne les commentaires du client. En effet, le site Espace Orthophonie est relié à EBP grâce à une passerelle et au WebService. Mais cette passerelle ne redescend pas ses informations.
Import des Commandes. Lorsque Espace Orthophonie reçoit les chèques ou les virements, prépare ou envoie les colis, leur logiciel exporte un CSV. Ensuite Espace Orthophonie importe celui-ci sur mon module. Cela change l’état de commande et envoi un e-mail au client. Suivant le transporteur et suivant si c’est un reliquat ou non, l’e-mail est différent. C’est Espace Orthophine qui m’a fourni les 6 e-mails en HTML et texte.

Développement Spécifique

De plus, avant de sortir le site, je leur ai fait des développements spécifiques.

Exporter la liste des clients en CSV par EBP avec leur mot de passe crypté E-majine. Puis les importer sous Prestashop,
Auteur des produits. J’importe ceux-ci dans les caractéristiques Produits grâce à un CSV,
Import des images supplémentaires en Documents joints dans la fiche produit car EBP n’envoi que l’image principale
Import des abonnées Newsletter.

Enfin, je me suis occupé du responsive du site Espace Orthophonie. Celui-ci est le plus navigable possible aussi bien pour téléphones, tablettes, petit écran et écran standard.

Le paradis du SPA

8 avril 2016 / in / by Chris Letellier

Développeur Web Paradis du SPA Granville

Le paradis du SPA – Institut de Beauté à Granville dans la Manche

Le paradis du SPA a ouvert son institut de beauté à Granville dans la Manche. Elle a fait appel à nos collègues de P.A.O. pour créer plaquette, flyer, affiche… Puis, nous a sollicités pour lui créer un site vitrine.

Le paradis du SPA Institut de Beauté à Granville est un site vitrine en WordPress réalisé chez Schuller Graphic.

Réalisation :

Nous leur avons donc proposé un site de présentation en WordPress. En cohérence avec la plaquette, nous avons proposé une maquette pour le site Internet le paradis du SPA. Les couleurs dominantes sont le chocolat et or.

J’ai donc intégré le site paradis du SPA. Tout d’abord le header, il est composé du logo, d’un slogan, du numéro de téléphone et du menu. Pour le menu, j’ai repris les grandes parties de la plaquette Tarifs. Le menu est donc composé des rubriques : L’équipe, Soin corps & visage, Regard, WishPro, Épilation, Spa-Hammam-Sauna, Solarium, Tarifs.

Puis, je me suis attaqué au footer, constitué de 4 widgets et d’une signature. J’ai intégré 3 widgets textes (A Propos du paradis du SPA, un plan d’accès et une partie Contact). J’ai intégré aussi 1 widget de navigation.

Ensuite, j’ai entré le contenu du site tout en pensant référencement. La page d’accueil est constituée d’un slider et de 4 blocs :

les offres du mois,
découvrir le paradis du SPA en photos,
labels SPAS de France,
la Gamme de produits La Sultane de Saba.

Enfin, j’ai entré le contenu des autres pages que l’on m’avait fourni. Les pages sont constituées du titre h1, d’une photo ou d’un slider et du texte. Pour chaque page, j’ai ajouté un bouton pour accéder aux tarifs. Pour cette page tarif, j’ai créé 2 colonnes et inséré des tableaux avec des styles pour les titres.

Malheureusement, ce site n’est pas responsive, mais il pourrait y devenir.

Location Appartement Giens

8 avril 2016 / in / by Chris Letellier

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.

Aide à la Décision AgrialPRO

10 mars 2016 / in / by Chris Letellier

Aide à la Décision AgrialPRO

Emperyland France

10 février 2016 / in / by Chris Letellier

Emperyland France – Fabricant d’éclairage à LED et solaire

Emperyland France est une entreprise basé à Tirepied dans la Manche (Normandie). Elle est spécialisée dans des nouveaux systèmes d’éclairage solaire principalement LED. Mais aussi sur les lampadaires solaires, sur les éclairages extérieurs, les éclairages de tunnels et les éclairages d’intérieur LED. L’entreprise Emperyland France nous a sollicités pour lui créer un site e-commerce réservé aux professionnels.

Emperyland France est un site e-commerce en Prestashop réalisé chez Schuller Graphic.

Réalisation :

J’ai donc installé un prestashop sur un serveur privé OVH. Suite à la validation de la maquette par le client, l’infographiste a installé le thème associé à la maquette. Puis il l’a mis aux couleurs Emperyland France.

Ensuite, j’ai dû modifier l’emplacement de modules appartenant aux thèmes. En effet, la remontée d’articles du blog se faisait que dans la partie centrale de la page d’accueil. J’ai dû donc modifier son point d’accroche (Hook) pour le mettre dans la LeftBar. Sur le thème sélectionné, nous trouvons sur la page d’accueil en partie centrale, les modules « Nouveaux produits » et « Meilleurs Ventes ». Je devais donc installer d’autres modules tels que les « Promotions du mois » et la « Sélection Coup de Cœur ».

Intégration de 2 boutons par l’infographiste :

Votre espace pro : ce lien redirige l’internaute sur la rubrique « mon compte » où l’internaute peut s’inscrire. A la fin de ce formulaire, j’ai mis une information pour l’internaute :
Votre inscription passera sous modération. Une fois validé, vous recevrez un e-mail de confirmation.
Grâce à un module créé, je fais un hook après l’inscription de l’internaute. Par la suite, celui-ci reprend l’e-mail de l’administrateur et lui envoie un e-mail (HTML et Texte). Cet e-mail le prévient qu’un utilisateur vient de créer un compte. Il doit donc le modérer dans la partie admisnistration du site Emperyland France. Lors de la modération de celui-ci dans la partie administration, j’ai créé le même module. Ce module utilise un hook différent que le module précédant. Par conséquent, je vérifie bien que ça soit la modération qui a bien été modifiée. Vous trouverez les exemples d’e-mails envoyés ci-dessous.

Rejoindre le réseau (qui se trouve en bannière dans le Header). Cette partie sert à l’internaute de trouver un agent commercial ou un assistant suivant le département. J’ai donc créé dans une page CMS une carte de France en SVG découpée en département. Lors d’un clique sur un département, je vais chercher en base les agents commerciaux. Ses agents sont reliés à leur assistant liés à ce département. J’affiche ses informations à droite de cette carte. Pour administrer cette carte, j’ai créé un module « Administration des commerciaux ». L’administrateur d’Emperyland France peut donc créer des agents commerciaux et des assistants commerciaux. Mais il peut aussi les modifier et les supprimer. Enfin, l’administrateur doit renseigner le département, le nom, le prénom, le numéro de téléphone et l’adresse e-mail. De plus, pour un assistant commercial, il doit renseigner son agent commercial.

Conclusion et Diaporama :

Malheureusement, le site Emperyland France que vous voyez sur cette page n’a pu aboutir. De plus, vous pouvez voir son site en cliquant ici créé par son Webmaster.

Jeu AgrialPRO

11 décembre 2015 / in / by Chris Letellier

Jeu AgrialPRO – Machine à sous en Flash

Le Jeu AgrialPro est un jeu de style machine à sous en Flash. Nous avons travaillé en équipe pour faire ce développement AgrialPRO. L’infographiste a créé les différentes étapes. Mon collègue s’est occupé de l’intégration de ses éléments dans le flash. Ensuite il a mis en relation mes fichiers en php pour le bon déroulement du jeu.

Le Jeu AgrialPRO est un développement spécifique réalisé chez Schuller Graphic.

Réalisation :

Tout d’abord, le jeu a été mis sur un de nos serveurs. Mais, il était accessible sur le site agrialpro.com par une iFrame. L’utilisateur doit soit s’identifier ou créer un compte sur le site AgrialPRO.com. Nous vérifions donc que l’utilisateur est connecté. Ceci en relation avec un fichier php que nous avais fait les informaticiens d’AgrialPRO sous Magento.

Puis, une fois connecté, Nous vérifions donc le total de connexion au jeu dans la journée. Ceci grâce à son adresse e-mail car un joueur ne pouvait jouer que 3 fois par jour. Si la personne pouvait jouer, nous regardons dans la base données si il restait des cadeaux à gagner. En effet, un cadeau avait une date de début avec une heure pour le gagner. Et c’est le premier joueur jouant juste après cette date qui le remportait. Nous vérifions aussi que l’utilisateur n’avait pas gagné de cadeau dans la journée. Si toutes ses conditions étaient bonnes, le joueur pouvait tourner les rouleaux jusqu’à 3 fois.

Si le joueur gagnait, nous lui demandons dans quel magasin point Vert il désirait retirer son cadeau. Une fois validé, nous envoyons un e-mail de confirmation qui devra présenter au magasin pour le retirer.

Enfin, pour la mise en place du Jeu AgrialPRO, nous avions fait un e-mail spécifique. Nous avons envoyé cet e-mail aux clients d’AgrialPRO. Cette opération a été lancée début décembre et elle durait environ 15 jours. Les joueurs pouvaient gagner 1 iPAD, 1 perçeuse, 1 aspirateur. Mais aussi 1 servante, 2 chargeurs de batterie et plus de 200 lots.

Je vous laisse tester en cliquant sur ce lien.

Bertrand Drouère Artisan

27 octobre 2015 / in / by Chris Letellier

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.

Prev 1 1 234 5…8 Next