Appli Transport Chatel

1 avril 2015 / in / by Chris Letellier

Application Transport Chatel à Vire (14)

Le transporteur Chatel de Vire en Normandie nous a contactés pour effectuer une application destinée aux commerciaux de cette société. Cette application est développée pour un format iPad. La société de Transport Chatel nous a donc fourni son savoir-faire en tant que transporteur.

Cet application est un développement spécifique réalisé dans l’agence Schuller Graphic.

Réalisation :

Nous avons décidé de créer 7 templates différentes pour cette application car cette application est administrable sur le web. Une fois les templates réalisés en HTML, j’ai fait une animation jQuery pour chaque template.

Nous pouvons naviguer sur cette application sur 3 niveaux, j’ai donc ajouté des flèches de navigation en bas à droite de l’écran pour se repérer si oui ou non, nous pouvons aller au deuxième niveau (vers le bas) ou au troisième niveau (vers la droite).

Enfin, j’ai intégré un menu en haut à gauche de cette application Chatel qui reprend le titre de chaque slide, le menu est constitué des slides de premier et de second niveau.

Nous avons créé un back-office en ligne pour créer, modifier ou supprimer un slide. Nous pouvons aussi modifier la position des slides grâce à un drag & drop. Lorsque les modifications ont été faites, nous pouvons générer l’application grâce à un bouton. Ce bouton créé un fichier HTML, inclut le CSS, le jQuery et les images, mais aussi un fichier texte avec le numéro de version de l’application. Tout cela est inclut dans un ZIP.

Notre chef de Projet a pris la licence développeur Apple pour permettre de mettre cette application sur iPad. Grâce à Titanium, il a compilé cette application. L’application Chatel, lorsqu’elle est lancée et qu’une connexion web existe, vérifie en ligne le numéro de version. Si celui-ci est différent que celui en local, il télécharge le dossier et l’installe, sinon l’application démarre.

Vous pouvez voir une démo de cette application en cliquant sur le lien ci-dessous.

Jeu SMACL

9 octobre 2014 / in / by Chris Letellier

SMACL Assurances – Partenaire de Gilles Lamiré

SMACL Assurances est une société d’assurances basée à Niort. Pour la 10ème édition de la Route du Rhum de Saint-Malo à la Guadeloupe, elle est partenaire du navigateur Gilles Lamiré. Ce navigateur avec son trimaran Rennes Métropole Saint-Malo Agglomération, dont le nom était Prince de Bretagne.

SMACL nous a contactés pour créer un jeu sous forme de quizz pour son personnel. Ce jeu commençait 1 mois avant le départ de la course du Rhum et ce jeu se terminant le jour du départ. Les gagnants du jeu SMACL pouvaient gagner une sortie en mer avec Gilles Lamiré sur le trimaran Rennes Métropole Saint-Malo agglomération.

Ce jeu est un développement spécifique réalisé dans l’agence Schuller Graphic.

Réalisation :

Tout d’abord, le jeu de SMACL est hébergé sur notre propre serveur et relié à une base de données MySQL.

Puis, avant la date du commencement du jeu, les employés de la SMACL pouvaient voir un écran de présentation. Cet écran leur expliquait le déroulement et le règlement du jeu.

Ensuite, un mois avant le départ de la Route du Rhum, les personnes pouvaient s’inscrire grâce au formulaire. Tous les champs étaient obligatoires la première fois. Une vérification sur l’adresse e-mail était faite si la personne faisait partie ou non de la société SMACL Assurances, puis elle devait confirmer son inscription grâce à un lien avec une clé.

Par la suite, les joueurs peuvent répondre à 3 questions chaque semaine pendant 1 mois. Même si le joueur ne répond pas une semaine, il peut répondre au questionnaire suivant qui est programmé du lundi matin 00h01 au dimanche soir 23h59. Donc, si le joueur répond aux 3 bonnes questions, il est donc inscrit au tirage au sort. Par conséquent, plus que les personnes gagnent, plus ils auront de la chance de gagner un lot à la fin du jeu au tirage au sort.

Enfin, tous les lundis, un cron envoie un message aux joueur leur informant si ils ont gagnés ou perdus la semaine précédente. A la fin du jeu, un écran de remerciement s’installe et le tirage au sort est effectué par huissier.

Voici une galerie du jeu :

Donville Évasion Plongée

9 octobre 2014 / in / by Chris Letellier

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.

Les Etablissements Thierry

3 septembre 2014 / in / by Chris Letellier

Les Etablissements Thierry – Haute couture à Caen (14) et à Ballots (53)

Les Etablissements Thierry à Caen et les Productions Fonlupt à Ballots nous ont confié la création de leur site web. Un site web à leur image : distingué et raffiné. Les Etablissements Thierry nous présente leur savoir-faire en haute couture. Il travaille sur le flou et les pièces à manche sur différentes matières. Le site présente les entreprises Les Etablissements Thierry et Les Productions Fonlupt dirigées par M. Amedi Nacer.

Le site Les Etablissement Thierry ou Les Productions Fonlupt est un site vitrine en E-majine par Médialibs réalisé dans l’agence Schuller Graphic.

Tout d’abord, le site Les Etablissements Thierry est un site vitrine sobre en 2 langues : française et anglaise. En effet, E-majine propose le multi-langage. C’est un site sans développement spécifique, mais avec une page d’accueil différente des autres pages de ce site internet. En effet, nous avons insérer un slider 100% responsive et le menu est inséré en bas de celui-ci.

Pour le slider, j’ai du faire un petit développement. En effet, celui-ci pour faciliter l’administration. Chaque slide est un widget texte où le texte est mis en balise h5 et on insère une image.

Puis j’ai créé les différentes rubriques :

Savoir-Faire : Pièce à manche, Flou, Prestations de services et Récompenses.
Les entreprises : Le dirigeant, Atelier, les Etablissements Thierry, les Productions Fonlupt, Politique sociale et Développement durable.
Rejoignez-nous.
Presse : Articles et Vidéos.
Partenaires : Partenaires du Luxe, Normandie Habillement, Pôle Mode Ouest et Lycées.

Ensuite, une fois les rubriques créés en français et en anglais, j’ai entré le contenu qu’il m’avait confié. Puis, pour l’historique des 2 sociétés, j’ai inséré une timeline.

Enfin, nous avons fait aussi plusieurs pied de page pour localiser les Etablissements Thierry et les Productions Fonlupt, cela dépend sur quelle page l’internaute se trouve.

Sorti en Septembre 2014

Elod Immo

20 août 2014 / in / by Chris Letellier

Elod Immo – Agence Immobilière de Douvres la Délivrande

Elod Immo est une agence immobilière qui se trouve à Douvres la Délivrance. Elle nous a sollicité pour créer ce site web Elod Immo pour présenter son projet. La Résidence des Marronniers à Luc sur mer sur la Côte de Nacre dans le Calvados. En effet, ce site Elod Immo présente les différents appartements de la résidence des Marronniers et de leurs disponibilités à l’achat. Ce site est destiné à des personnes qui veulent acquérir un appartement à Luc sur mer sur la Côte de Nacre.

Le site Elod Immo est un site vitrine Izi-média de chez Médialibs réalisé dans l’agence Schuller Graphic.

Réalisation :

Tout d’abord, le site Elod Immo n’a pas eu de développements spécifiques mais c’est un site bien segmenté, aussi bien sur la page d’accueil que sur les autres pages. Nous avons inclus du parallaxe en page d’accueil et quelques animations en jQuery sur les disponibilités des appartements de la résidence des Marronniers à Luc sur Mer dans le Calvados.

Le header est simple avec le logo, le menu, le numéro de téléphone et le macaron Loi pinel.

Et La page d’accueil est segmenté en 5 sections :

Photo de la résidence
Un descriptif
La localisation
le Plan d’implantation
Une demande de Contact

Puis, nous avons créer les différentes pages : La Résidence, Disponibilités, Environnement, Loi Pinel, Dernières réalisations et Nous contacter. Les pages sont donc constituées de beaucoup de texte pour le référencement. Mais aussi illustrées de photos qui font envies.

Ensuite, pour la page Disponibilités, ce sont les plans des différents appartements. Ses plans apparaissent lorsqu’on scroll sur la page. Nous pouvons aussi télécharger le plan en PDF pour chaque appartement. Puis, nous avons mis du CSS pour les appartements en option ou vendu.

Enfin, je trouve ce site clair et bien segmenté avec des couleurs bien choisies.

A-Protect

19 juillet 2014 / in / by Chris Letellier

A-Protect – Vente d’équipement de protection individuelle et de vêtements professionnels.

A-Protect est une entreprise spécialisée en vente d’équipement de protection individuelle et de vêtements professionnels. Cette entreprise est basée à Colombelles près de Caen. A-Protect nous a sollicités pour créer un site e-commerce pour la vente de leur produits. Des produits tels que vêtements de protection, vêtements spécifiques par métier ou par marque, divers gants et chaussures…

le site A-Protect est un site e-commerce en E-majine par Médialibs réalisé dans l’agence Schuller Graphic.

Réalisation :

Le site A-Protect est un site e-commerce avec mise en place de plusieurs moyen de paiement, ajout de module tels que mise en avant de produits, un module Newsletter.

Tout d’abord, le header est composé :

Logo et Slogan
Partie E-commerce : recherche, Mon Compte, panier
Numéro de téléphone
Menu

Ce menu est composé de différentes catégories avec des sous-catégories. lorsqu’on est sur une catégorie, les sous-catégories apparaissent mais aussi les produits.

De plus sur la page d’accueil, nous avons inséré dans ce pack e-commerce un big slider. Ce slider est relié à une administration (développement spécifique en PHP/MySQL) qui permet d’ajouter, modifier ou supprimer des slides. Le webmaster du site A-Protect peut donc changer l’ordre des slides, lui mettre un titre, un lien et une couleur de fond. nous remontons aussi différentes marques, les produits à la une. Puis, nous avons mis une description ds Valeurs pour le référencement.

Puis pour le footer, nous avons les conditions d’un site e-commerce (Moyen de paiement, livraison, Transport…). Mais aussi, une liste de liens qui vont vers des pages et non la boutique.

Après quelques temps, la société A-Protect nous a demandé de le mettre en responsive. J’ai donc pris Foundation pour le rendre responsive.

Enfin, certains produits sont personnalisable. En effet, nous pouvons broder du texte sur ses produits. Le client a le choix entre Cœur ou Dos, 13 couleurs et 6 polices d’écritures. Lorsque le client choisi la position, cela le limite en caractère et fait augmenter le prix.

Groupe Napoly

19 juillet 2014 / in / by Chris Letellier

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.

Oildist

19 juillet 2014 / in / by Chris Letellier

Oildist – Vente de Fioul, gasoil, GNR et de bois sur les départements 61, 53, 14, 35.

Oildist est une entreprise de vente de Fioul (FOD ou Qualy-Plus) et de gazole non routier. Oildist vend aussi du bois en granulés ou sur palette. Elle est située à Briouze dans l’Orne en Basse Normandie et livre les départements de l’Orne (61), la Mayenne (53) et l’Ille et Vilaine.

Oildist est un site de e-commerce en E-majine réalisé dans l’agence Schuller Graphic.

Réalisation :

Tout d’abord, nous avons effectué la refonte du site Oildist. Auparavant c’était un site de présentation de la vente de bois et de fioul en Izi-média. Ce site présente donc le bois et le fioul. Mais nous pouvons aussi acheté directement du bois en magasin ou en livraison et du fioul en livraison. En backoffice, nous avons développé une partie servant aux codes postaux de livraison pour le bois et le fioul dans le Calvados, l’Orne, en Mayenne et l’Ille et Vilaine.

Ensuite, nous avons donc mis en place des fiches produits pour le bois et développé suivant si l’internaute prend en magasin ou se fait livrer chez lui. Pour le fioul, nous avons repris le processus de Prix Fioul.

L’internaute choisit son département et entre son code postal de livraison. En cas d’erreur on lui affiche les codes postaux livrables. Puis, il choisit 1 fioul entre les 3 proposés : fioul ordinaire, QPlus, Gazole non routier, et entre la quantité désirée. Avant la validation, nous calculons le prix total et nous envoyons toutes ses caractéristiques sous forme de variantes au panier. L’internaute n’a plus besoin que de payer par les différents moyens de paiements : Chèque, Carte Bancaire en ligne ou en livraison, Virement ou en 3 fois sans frais avec la carte Réglo.

Quelques temps après, Oildist nous a sollicités pour mettre son site en responsive. J’ai donc pris Foundation pour la mise en place.

Fer de charme

19 juillet 2014 / in / by Chris Letellier

Fer de charme – Table barbecue et salons extérieurs

Fer de Charme nous présente ses différentes tables. Tables barbecues, ses tables en fer forgé sont accompagnées de chaises en fer forgé. Nous pouvons aussi trouver sa tonnelle en fer forgé. Les tables barbecues peuvent être rondes, ovales ou rectangulaires. De plus, Fer de Charme nous présente ses différents salons extérieurs. Ceux-ci composées de salons extérieurs, salle à manger extérieur, bain de soleil…

Fer de Charme est un site de présentation en Izi-média réalisé dans l’agence Schuller Graphic.

Réalisation :

Tout d’abord, nous sommes partis de la plaquette que nos collègues avaient faite. J’ai intégré la plaquette au site web. En effet, le site devait sortir le plus rapidement possible pour un salon.

Dans le Header, j’avais mis le logo, le slogan et le menu. Celui-ci est composé d’Accueil, des produits tables barbecues, une page présentant la société et la page Contact.

Puis, sur la page d’Accueil, j’ai inséré le slider et mis en avant 3 produits :

une table barbecue,
les chaises
une tonnelle qui dirigeaient l’internaute vers les pages produits.

Ensuite, l’infographiste a proposé sa maquette, qu’il a intégrée. Puis il a modifié les 3 widgets de remonter de produits qui montraient l’image du produit et au roll-over une animation montrait le texte associé.

Fer de charme, en plus de faire les tables barbecues, vend des salons extérieurs dont j’ai fait les pages produits comme sur le modèle des tables barbecues.

Enfin, il voulait que le site soit disponible en français, mais aussi en anglais. Or, nous étions sur du Izi-média et cette option n’est pas disponible. Nous avons donc dupliqué toutes les pages avec un indicatif devant pour les pages anglaises et en jQuery, nous faisons la différence du menu (français ou anglais) si l’URL contient cet indicatif. Pour passer de la version française à l’anglaise, ou inversement, nous avons ajouté le drapeau (français ou anglais) en haut à droite du Header qui mène sur la page d’accueil respective.

Fer de Charme est un site simple en navigation et épuré qui fait bien ressortir les produits : les tables barbecues et les salons extérieurs.

Maisons anciennes

19 juillet 2014 / in / by Chris Letellier

Maisons anciennes, Site d’annonces immobilières à Bayeux dans le Bessin

Maisons anciennes à Bayeux dans le Bessin est la seule agence immobilière du Bessin. Elle est spécialisée dans la transaction de biens anciens : appartements, maisons, corps de ferme, maison de caractère… Il nous présente tous leurs biens, les nouveautés. Mais aussi, les coups de cœur et leur exclusivité de biens immobiliers dans le besson.

Maisons anciennes est un site d’annonces immobilières en E-majine réalisé dans l’agence Schuller Graphic.

Réalisation :

L’agence immobilière Maisons anciennes ne rentre pas leur annonce manuellement. En effet, c’est un export de leur logiciel FNAIM qui importe dans le backoffice d’E-majine avec des champs préconfigurés.

Tout d’abord, le site Maisons anciennes est présent depuis des années. Puis, j’ai dû refaire le moteur de recherche avancée pour avoir plus de critères tels que : Type de bien, Nombre de pièces, Surface habitable, Nombre de chambre, Superficie du terrain, Secteur géographique et le budget. Les utilisateurs rentrent les données qui souhaitent pour trouver leur bien immobilier.

Mais en plus, Nous avons mis et cachés certains champs dans ce même moteur de recherche. En effet, en relation avec du jQuery, lorsque l’on clique sur les liens Coups de cœur, Nouveautés, Exclusivités, Baisses de prix et Notre sélection de projet touristique, cela amène sur la page de recherche avec un champs bien spécifique qui est renseigné.

J’ai dû restyler dans le résultat de recherche les fiches annonces, mais aussi créer un filtre pour pouvoir trier les résultats par prix, nombre de pièces, surface habitable, nombre de chambres, superficie du terrain, aussi bien en ascendant que en descendant. J’ai relié ce filtre au moteur de recherche en jQuery. Ensuite dans la fiche du bien, j’ai dû aussi faire quelques modifications de style et des changements de position des différents paragraphes.

Maisons anciennes, spécialiste des biens immobiliers sur Bayeux dans le Bessin, répartit les biens en 5 secteurs géographiques : Bayeux, Bayeux Nord-Ouest, Bayeux Sud-Ouest, Bayeux Sud Est et Bayeux Nord Est.

Prev 1…3 456 7…8 Next