Création de site
Mon diplôme a été très formateur en intégration et programmation web. En deux ans, j’ai pu expérimenter de nombreux langages et outils de développement au travers de plusieurs projets : HTML, CSS, JavaScript, Php…
Ayant expérimenté en DUT MMI pendant plus d’un an la création de site exclusivement codé à la main (oui oui, c’était fastidieux !), je suis à l’aise avec le langage HTML et CSS. J’ai aussi des notions en PHP et JavaScript. Les sites internet réalisés à cette époque n’étant liés qu’à des projets fictifs, je n’ai pas pris la peine de les héberger : ceci explique que pour plusieurs des cas concrets présentés ici il n’y ai que des captures d’écrans.
Ce que je sais faire :
Création de site vitrine, site de e-commerce, zoning, wireframe, maquettes.
Ce que j’utilise :
- WordPress
- Prestashop
- Shopify
- Adobe XD
Quelques réalisations de site vitrine et e-commerce
Zen EssenCiel Massage
L’entreprise Zen EssenCiel Massage, spécialisée dans les massages californiens, avait besoin d’un site web vitrine et d’une identité visuelle pour être plus visible et plus engageante. J’ai utilisé Illustrator pour créer le logo, et j’ai créé le site avec un thème WordPress que j’ai personnalisé à l’image de l’entreprise.
#WordPress #Illustrator #identité-visuelle #site-vitrine
Danielle Gizard, artiste-peintre
Danielle Gizard est une artiste peintre qui souhaitait un site vitrine pour présenter ses oeuvres. Ce projet bien réel a été réalisé en groupe, dans lequel j’étais chargée du développement du site. Pour cela, après la validation de la maquette avec la cliente, j’ai utilisé un thème WordPress que j’ai personnalisé en ajoutant notamment une police originale.
#WordPress #Illustrator #identité-visuelle #site-vitrine
My Bio Shop
My Bio Shop est une entreprise fictive créée lors de module PrestaShop en deuxième année de DUT. Une fois l’identité visuelle de l’entreprise et les maquettes créées, il a fallut développé le site sur Prestashop.
#PrestaShop #Illustrator #identité-visuelle #e-commerce
Villa Lingua - Site de location de Villa
Ce site à été réalisé dans le cadre d’un projet en cours de php pour un client fictif. Il permet aux potentiels clients de découvrir la villa « Lingua », ses services, de la localiser, mais aussi de réserver la villa pour une période spécifique.
Ce site n’a jamais été mis en ligne, car réalisé dans le cadre de mes études.
#WordPress #Illustrator #identité-visuelle #site-vitrine
A droite, un volet blanc permet d’entrer les dates d’arrivée et de départ que le client souhaite avoir. Lorsque celui-ci clique ensuite sur le bouton “valider”, un prix s’affiche pour la période entrée, permettant au client d’avoir un aperçu du prix de la réservation. Pour savoir quand la villa est déjà réservée, un calendrier permet de voir les périodes non disponibles, représentées en rouge. Si le client souhaite réserver, il clique sur le bouton “réserver” qui renvoie à un formulaire directement relié à la base de données.
Dans un premier temps il a fallut créér une base de données phpmyadmin , puis créér un formulaire relié à celle-ci. Pour créer la fonction du volet blanc sur la page d’accueil, nous avons programmé en PHP.
Fest'event
Fest’event est une entreprise d’événementiel fictive créée lors d’un projet de première année en MMI. L’idée était de communiquer autour de cette entreprise, notamment en créant une charte graphique, un site internet vitrine codé à la main, et en créant une page Facebook, une carte de visite et un Flyer pour l’entreprise.
#HTML #CSS #Illustrator #identité-visuelle #site-vitrine #InDesign
Le logo a été créé avec Illustrator, le Flyer et la carte de visite avec InDesign et le site Internet a été développé sur Cloud9 en HTML et CSS.
Cette conception à été réalisée dans les conditions d’un projet réel : analyse concurrentielle, conception de la charte graphique, recherche d’hébergeur, création de logo, calcul de devis, plans du site…
Vegan et sans Gluten
Ce site a été développé à la main en HTML et CSS avec Bootstrap, le but étant de nous familiariser avec l’outil.
#CSS #HTML #Bootstrap
Application Sibra
Ce travail a été réalisé au cours de mon année de terminale S spécialité informatique et sciences du numérique (ISN). L’application a été créée dans le but de permettre aux utilisateurs des transports en commun « Sibra » (Transport en commun d’Annecy) de consulter les horaires de bus sans accès à internet (la connexion 3G à Annecy étant très limitée à l’époque). Les informations sont donc stockées localement, rendant les mises à jour indispensables pour toute modification d’horaire ou de ligne.
#Cordova #CSS #HTML #Netbean #Firebug #jquery mobile
La programmation a nécessité l’utilisation de Cordova sur Mac, et de travailler sur le HTML et le CSS notamment avec Netbean et Furebug. (Avec notamment l’utilisation de Jquery Mobile pour le thème.)
A la fin du projet, l’application était opérationnelle sur le simulateur, mais n’a jamais été mise à disposition sur l’App Store, car réalisée dans le cadre de nos études.
A l’heure actuelle, j’utilise exclusivement les CMS pour la création de site internet. J’ai notamment eu l’occasion de créer totalement un thème personnalisable sur WordPress lors d’un projet dans ma deuxième année de DUT MMI. Mais on ne va pas se le cacher, j’utilise majoritairement des thèmes déjà créer que je personnalise, et dont je n’hésite pas à parfois toucher le code pour arriver à obtenir ce que je souhaite (après avoir créer un thème enfant évidemment 😉 )