Site de pizza ...
danielsan
Member
un site pour un camion pizza, normal quoi :P
j'arrive à la fin du développement, je souhaite avoir votre avis dessus.
S'il y a des erreurs que je n'ai pas vues, des améliorations à faire ... je suis open pour toute suggestion !
Des questions sont aussi les bienvenues.
Note : le filtre des pizzas ne fonctionne pas sur Firefox, il y a un bug en ce moment avec jQuery 8.(
ce n'est pas de ma faute donc. Mais je vais trouver une autre solution.
Sous chrome ça marche nickel
Je n'ai pas encore validé avec le W3C et vu ce que ça donne sous IE (je ne l'ai même pas sur l'ordi) et les vieux trucs ... ]:D
Il me reste toute l’esthétisme à faire, là je me suis juste attelé à la fonctionnalité, l'ergonomie et la composition des pages.
C'est pourquoi je sollicite vos remarques avant de sortir les pinceaux
Les codes couleurs sont déjà paramétrables :P
L'ajout à la liste d'envies ou au panier se fait en AJAX :cool:
Merci pour vos remarques.
5h du mat', j'vais dormir un peu
j'arrive à la fin du développement, je souhaite avoir votre avis dessus.
S'il y a des erreurs que je n'ai pas vues, des améliorations à faire ... je suis open pour toute suggestion !
Des questions sont aussi les bienvenues.
Note : le filtre des pizzas ne fonctionne pas sur Firefox, il y a un bug en ce moment avec jQuery 8.(
ce n'est pas de ma faute donc. Mais je vais trouver une autre solution.
Sous chrome ça marche nickel
Je n'ai pas encore validé avec le W3C et vu ce que ça donne sous IE (je ne l'ai même pas sur l'ordi) et les vieux trucs ... ]:D
Il me reste toute l’esthétisme à faire, là je me suis juste attelé à la fonctionnalité, l'ergonomie et la composition des pages.
C'est pourquoi je sollicite vos remarques avant de sortir les pinceaux
Les codes couleurs sont déjà paramétrables :P
L'ajout à la liste d'envies ou au panier se fait en AJAX :cool:
Merci pour vos remarques.
5h du mat', j'vais dormir un peu
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
Beau travail sur l'intégration et l'ajout du formulaire sur le plugin paypal à quand un tuto ?
Pour commander un pizza tu utilises le responsive c'est top mais attention à ne pas trop charger las pages,
j'ai eu du mal à retrouver mon panier sur l’écran de mon iphone peut être ajouter un bouton dans le header vers ton panier, car il faut passer toutes les pizzas pour atteindre le panier.
Je veux des photos des pizzas et des couleurs chaudes (rouge, jaune.....) un beau slider d'exemples de pizza
Pour les couleurs, attention le bleu n'est pas top pour l'alimentaire (c'est une couleur froide)
ça reste un simple avis, good job
Edit: Insistes plus sur tes lieux et horaires de ventes avec une belle cartes de tes pizzas avec la possibilités de laisser des commentaires et de gagner des points de fidélités, des promos par code-barres, ....
je n'ai pas utilisé le formulaire paypal ... c'est du 100% PluXml avec un plugin perso
Il y a un lien "Mon panier" dans le menu "Accès direct" en haut, il faudrait peut-être que je les sortes de là pour les mettre en évidence.
Je bloque un peu justement sur ce menu ... je n'ai pas encore fait mon choix !
D'ailleurs en mode mobile c'est pas ça du tout ]:D
Je ne sais pas encore si j'utilise jQuery pour transformer une liste en select ou si je crée les 2 et affiche l'un ou l'autre selon le media-queries ...
De toute manière si j'utilise un select faudra bien un script pour activer les liens ... je creuse encore les solutions possibles.
Pour les couleurs je suis de ton avis, mais comme c'est paramétrable, c'est au goût du pizzaïolo !
J'ai prévu un 2ème jeux de couleur pour les zones d'action (boutons, liens importants ... )
et un 3ème pour les zones à mettre en avant.
Concernant les lieux et horaires, dans la sidebar il y a le bloc "Aujourd'hui nous sommes" qui affiche en fonction du jour le lieu et les horaires.
Je note le fait de rajouter dans ce bloc un lien vers la pages "horaires" qui se trouve déjà dans le menu en haut (pas assez visible apparemment ! ).
On commence à réfléchir avec le pizzaïolo sur comment faire des liens promotionnels entre le site et le camion
Merci pour ces remarques. {)
Plutôt que d'avoir 4 cartes dont une en double, j'aurais mis une seule carte avec tous les emplacements sur Google Maps.
Après il n'y a plus qu'à récupérer le code à insérer dans le site : Ou avec le lien direct:
https://mapsengine.google.com/map/edit?mid=zYs_K6XbyrGU.kgLYluXMgu2k
Bon, je crois que j'ai gagné ma part de pizza
Accès à mon dépôt de plugins et thèmes
installe PluXml plus vite que ton ombre avec kzInstall2
Si tu retourne sur le site, aujourd'hui ça affiche son emplacement ...
Perso je cherche plutôt à savoir où se trouve le camion quand j'ai envie d'une pizza que de savoir son parcours ...
Pour les photos des pizzas, ça arrive ... chacun sa part de taf !
Télécharger le fichier KML pour Google Maps
Tiens moi au courant.
Bien sûr ça double ma part de pizza
En équipant le camion d'un tracker GPS, on pourrait le suivre à la trace sur la carte. Des fois qu'il tombe en panne ou qu'il soit volé.
Auto-promotion : En installant mon plugin colorbox (responsive design), les clients pourront voir en grand les pizzas sur leur iphone.
Accès à mon dépôt de plugins et thèmes
installe PluXml plus vite que ton ombre avec kzInstall2
je regarderais ton plugin mais j'en ai déjà un bon paquet ...
C'est du bon boulot, le responsive marche bien, c'est très important !
Après mes impressions sont un peu les mêmes que celles déjà énoncées, couleur froide, manque de photo et l'agencement n'est pas assez intuitif, il faudrait vraiment pouvoir amener le consommateur là où tu veux, donc à son panier
Par contre je n'ai pas compris le filtre avec les couleurs...
Et ne pas hésiter à mettre en appétit le consommateur !
j'hésitais encore sur le bouton d'ajout, je vais creuser.
C'est à dire le filtre avec les couleurs ?
Enfin, le site n'est pas fini, il reste les photos, le texte, et l’esthétisme.
J'ai l'habitude de faire une pause avant de sortir les pinceaux, histoire de prendre du recul ...
Techniquement c'est pas mal.
Graphiquement je dois dire (c'est une impression) que ça me fait pas du tout penser à un site ou on vend des pizzas.
Je trouve d'ailleurs que tu aurais du utiliser des couleurs chaudes (une pizza c'est rouge, c'est chaud, c'est bon)
Je pense que tu as le corps du site mais il manque les ingrédients... (photos, couleurs chaudes, petits détails...)
Un bon exemple d'inspiration graphique ici
a+
Je me répète, je n'ai pas travaillé l'esthétique ...
Dans la partie "Filtrez les pizzas", il y a les pizzas rouges et les blanche, mais je suppose que c'est pour le test
Et je suis entièrement d'accord avec ta façon de faire, surtout quand il s'agit de nos projets, le recul c'est ce qu'il manque le plus !
@ je-evrard :
Certes c'est beau mais c'est aussi fait par des spécialistes du Webdesign :P
j'ai compris que le site n'est pas fini, alors je ne vais pas parler moi aussi de l'esthétique.
mes impressions :
je trouve que dans les menu il y a trop de texte, surtout onglet " Choisir un ingrédient " je dois dire que je me perd un peu,
je préférerais plutôt 1 colonne voir 2 colonne, et le trie fait par ordre alphabétique, et à chaque ingrédient visité , barré le [del]text [/del] ou faire comprendre que je l'ai déjà visité c'est plus compréhensible..
les pizzas
juste une remarque a faire de bon italien et originaire [del]du pays[/del] de la ville de la "margherita"
ingrédients de la "Marguerita" : sauce tomates , mozzarella et basilic et c'est tout, pas de olive pas d'origan
j'aime beaucoup l'effet Isotope et il marche bien avec Firefox et Safari.
j attendrais le suivi
bon appétit
j'utilise isotope
Oui c'est bien cela, pas de soucis là dessus
J'ai fait un modèle (couleurs non contractuelles :P) d'un design possible, que je trouve assez clair, je trouve que c'est plus facile de compartimenter plutôt que de scroller pendant 5 min ^^
Si ça peut t'aider...
http://lokoyote.eu/test/pizza.pdf
merci de te prendre au jeux :P
le but du filtre est justement d'éviter le scroll.
Il y aura bien entendu les photos des pizzas dans chaque vignette. Avec un "click-zoom".
Je note un beau bouton "call-to-action" dans la fenêtre de zoom :P
Le diapo des nouveautés/promos est aussi prévu.
Je note aussi le mini scroll pour le mini panier et le total plus en évidence.
Par contre les vignettes ne peuvent pas être si petite,
le choix d'une pizza se faisant sur les ingrédients,
il faut la liste des ingrédients et les noms sont plus grand qu'une lettre ...
bref il y a encore du taf, mais ça je le savais (là je bosse sur un autre site plus complexe encore ... )
Pas mal ! Je n'avais pas vraiment pensé jusque là, disons que la programmation c'est pas mon fort ^^
En fait, ce sont les pizzas triées par les filtres, par exemple avec champignons, etc
Mais j'avoue que pour le nom j'ai pas réfléchi ^^' Je vais regarder comment je peux te fournir quelques propositions.
En attendant, tu peux faire un truc, le pizzaïolo vers chez moi met dans ses menus "la base" (appelée base) des ingrédients communs.
Ouais mais faut le faire petit bout par petit bout
Responsive nickel.
Perso je ferais un cadre type 'menu' avec la liste de toutes tes pizzas (Titre + Ingrédients tronqué + prix) en une seul ligne par pizzas.
Ensuite avec jquery un hover ou clique sur le titre pour agrandir cette zone avec image d'illustration et tout le détail qui vas bien.
Rien qu'avec ça tu gagne en ergonomie.
Pour le reste même remarque pour le panier et les couleurs, coté technique et filtres c'est parfait !
Bon courage
effectivement, je note.
si tu avais lu le texte du pizzaïolo au sujet de sa margherita :
merci pour ton point de vu
ciao
en fait c'est juste une zoom box colorBox.
Il me faut plutôt un diaporama insérable sur chaque article.
Je cherche, je cherche ...
juste en passant : pied de page ' Haut de page ' : si l'on clique, cela met bien '#top' dans l'url mais ne fait pas remonter le contenu de la page ....
par contre ' Haut ' affiche '#container' dans l'url ET fait remonter l'affichage
@+
mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -
Comme je mets un id spécifique au body, la "fonction" native de pluxml ne fonctionne pas
Je rejoins Frédéric une seule ligne par pizza : il y a trop de lignes sur l'écran d'accueil.
Si on clique sur un coeur et que la pizza intègre la liste des envies ... comment fait-on pour la supprimer de la liste, ensuite ?
A mon avis, ce site devrait être très souvent utilisé sur smartphone et tablettes : teste le bien dans ces environnements là. Par exemple, dans la configuration actuelle, la liste des ingrédients est trop grande pour être affichée dans son entier !
Bonne continuation.
je pense faire une simple liste (mais qui utilise tout de même les filtres ou alors en 2 colonnes, genre à gauche les pizzas rouge et à droite les banches)
et lorsqu'on clique sur une pizza ça affiche une popup avec le contenu appelé en ajax (photo, texte, bouton d'ajout au panier, etc)
L'ajax permettrait de télécharger seulement le contenu voulu, ça soulage le forfait
Pour la liste d'envie, c'est via le menu d'en haut, que je retravaillerai comme sus-dit.
Bon sinon faut pas avoir peur des couleurs là, me suis amusé avec mon plugin pimpMytemplate
Un petit favicon en forme de pizza serait le top !
Perso, j'aime bien avoir un favicon en rapport avec le site ... :P
j'ai créé un plugin qui permet de positionner tous les lieux d'emplacements et de les associer aux horaires d'ouverture, voir le résultat (c'est encore dans son jus)
ça n'a pas été une mince affaire (2 jours de développement pour comprendre l'API google Map V3 et développer la bête)
Je prévois aussi la possibilité d'extraire la vue adéquat via StreetView ... mais ça c'est pour plus tard !
J'ai aussi réparti les ingrédients en colonne dans le menu d'en haut avec un ascenseur.
La classement par ordre alphabétique des mots-clefs a l'air de bugguer ?
Je suis repartis sur le thème par défaut, associé à jquery theme.
Me faut faire une admin pour paramétrer les couleurs...
Sinon l'affichage est condensé, sous forme de liste en accordéon.
J'ai désactivé le panier et la liste d'envies, le temps de révéler quelques bug et autres volontés ... (et ça donne un motif supplémentaire de communiquer par la suite :P )
Qu'en pensez-vous ?