Je suis étudiante et j'ai décidé de me lancer dans un projet de site web !
Je suis seule à travailler dessus, je m'occupe donc de la conception et la réalisation de la partie graphique, et donc du frontend, mais aussi de tout ce qui est backend.
Je m'occupe donc de l'HTML, CSS, Javascript, et du PHP.
Je suis une formation qui comprend une partie "Développement web", mais j'ai acquis la plupart des compétences nécessaires à la réalisation de ce projet par moi-même. On peut dire que je suis débutante puisque je code pour le web depuis moins de 2 ans (l'année d'avant j'ai beaucoup travaillé sur le développement de petits logiciels en Python).
Parlons du projet en lui-meme !
Génèse
L'idée me vient du fait que je vois souvent des annonces un peu partout de personnes recherchant ou souhaitant donner/vendre leur animal. Il est vrai qu'il existe déjà pas mal de site de vente/don concernant toutes les catégories, mais peu sont spécialisés sur les animaux.
Certains le sont comme les sites de SPA, ou d'autres mais la plupart sont très vieux et n'ont pas été mis à jour depuis un certain temps.
En me lançant sur ce projet, je souhaitait donc faciliter l' "échange" d'animaux entre les particulier et les professionnels.
Généralités et avancement
Tout d'abord, j'ai commencé les maquettes des pages et à coder (tout ça en parallèle) il y a 15 jours.
Concrètement, à l'heure où j'écris ce post, il est possible de :
S'inscrire
L'utilisateur peut s'inscrire et gérer rapidement les informations de son compte comme son adresse mail, numéro de téléphone et mot de passe.
Il peut également via l'interface de son compte avoir accès à un listing de ses annonces et les consulter, ou les supprimer.
Poster une annonce
Un utilisateur inscrit sur le site peut ajouter son annonce en renseignant des informations concernant l'animal. Comme par exemple son âge, son sexe, sa race, son espece, ...
Une fois son annonce postée, elle restera quelques temps puis sera supprimée automatiquement (pour un problème de bdd tout simplement, je voudrais éviter la saturation). Actuellement le délais est de 30 jours.
L'utilisateur peut également voir le nombre de fois que son annonce aura été vue.
En cas de changement de numéro ou d'adresse mail de l'utilisateur, il n'a pas besoin de retourner le modifier sur toutes ses annonces. Il aura juste à se connecter et le modifier sur son profil (je précise, qui n'est visible que par lui, ne voulant pas faire du site un réseau mais juste en quelques sorte un espace publicitaire pour les annonces) et ce sera automatiquement répercuté sur les annonces.
Voir les annonces
Chaque visiteur du site peut avoir accès au listing de toutes les annonces. Il peut également recherche un animal par critères précis : l'espece, la race, le lieu, ...
Sur la page d'une annonce, le visiteur a donc accès à toutes les informations entrées par l'annonceur (la plupart des champs sont obligatoire pour optimiser la recherche).
Il peut aussi partager le lien sur facebook ou twitter grâce à un bouton.
S'il est intéressé, il peut avoir accès à l'adresse mail de l'annonceur, son numéro si l'annonceur a choisi de l'afficher, ou directement envoyer un mail à l'annonceur via le formulaire intégré au site.
Ne souhaitant pas gérer un système de messagerie interne au site, l'annonceur recevra le mail en question directement sur sa boîte mail avec les coordonnées renseignées par celui qui l'aura contacté, pour lui permettre de lui répondre.
Me contcacter
En cas de problème, ou de question, ou n'importe quoi, un formulaire de contact est mis à disposition et permettra à tout visiteur de prendre contact avec moi. (Oui, j'ai encore personne pour gérer les mails à ma place, et je pense que je n'aurais personne)
Les objectifs
Comment se passe l'échange
Actuellement, la "réservation" ou la vente directe via le site n'est pas possible et ne le sera pas, pour une bonne raison : les animaux ne sont pas des objets et je pense que les personnes les donnant/vendant ne peuvent pas se permettre d'accepter n'importe quel acheter sans même l'avoir vu (ce n'est que mon opinion) ou avoir prix contact avec lui.
Idem du côté de l'acheter, il me semble irréaliste d'acheter un animal uniquement en ayant eu un aperçu sur Internet. Sinon à ce compte là, autant l'envoyer par la poste x).
Don / Vente ?
Actuellement, seul le don est possible. J'avais prévu de permettre la vente également dès le départ (enfin, la possibilité de faire afficher un prix) mais j'ai appris entre temps qu'une loi était sortie en Janvier, et que maintenant la vente d'animaux est très stricte (il faut être déclaré en tant que professionne, avoir un numéro SIREN, donner des informations lors de la publication de l'annonce, ...)
Donc je préfère n'autoriser que le don dans un premier temps, ne sachant pas trop les reponsabilits que j'aurais en tant que propriétaire du site (si je devrais leur faire remplir des champ particulier/pro pour leur autoriser ou non la vente et leur faire remplir leur N° etc s'ils sont professionners et c'est tout, ou si je devrais également être tenue de vérifier l'exactitude des informations saisies (faux numéro SIREN,...).
Donc pour l'instant, pas de vente !
Quels animaux ?
Je vais entièrement axer le site sur l'échange d'animaux de compagnie puisque je ne veux en aucun cas participer (le moins possible) au "trafic" d'animaux éventuellement possible. Donc le choix de l'espère lors de la publication d'une annonce se fait via la liste des éspèces enregistrées sur la base de données. Idem pour les races.
Pour le moment, seul le choix du chien est disponible. Il faut en effet que je rentre toutes les races de chien possible dans la BDD (j'ai commencé mais pas encore terminé) pour encore une fois, optimiser la recherche d'un animal et permettre une homogénéité dans les annonces.
Au fur et à mesure je rajouterais des choix d'animaux.
Se désinscrire
La désinscription directe via le site est actuellement impossible : aucune fonction n'a été encore prévue à cet effet (même si c'est rapide).
Si les utiliseurs veulent vraiment se désinscrire ils devront formuler leur demande via le formulaire de contact, et je le ferais manuellement.
Si trop de personnes me solicitent pour cela (ce qui serait triste), j'ajouterais la fonction pour qu'ils puissent le faire seuls.
Le responsive
Le responsive est à peu près OK, mais je voudrais développer une version vraiment spécifique et simplifiée pour mobile, voir même pourquoi pas une application téléchargeable gratuitement sur le PlayStore ou quelque chose comme ça (le seul hic est que je n'ai jamais fait ni même essayé de faire des applis pour mobiles...). Donc il faut voir !
Ce qu'il manque encore actuellement
La pagination. Je l'ai un peu laissée de côté en attendant, mais il faudra que je m'y mettre pour permettre l'affichage restreint d'annonces par page.
Le projet et son originalité
L'ergonomie
Il ne l'est peut-être pas pour l'instant, mais j'ai vraiment en tête de faire un site simple et permettant une recherche rapide et surtout pertinente grâce aux nombreux champs requis pour valider la publication d'une annonce.
La recherche sera plus simple au niveau des requêtes, et l'utilisateur pourra saisir plusieurs critères allant plus loin que la race et la localisation.
Je pense que ce sera un plus par rapport à d'autres sites qui ne proposent peut être pas des recherches aussi poussées, ou les personnes n'étant pas obligées de renseigner tous les détails.
Il faudra juste que je dose entre "trop" de contraintes et "pas assez", pour ne pas démotiver l'annonceur avec trop de champs requis s'il ne souhaite pas les remplir ou ne sait pas comment les remplir.
(Car il faut savoir que si personne ne remplit un champ, ce critère sera un peu inutile dans les options de la recherche avancée puisqu'elle n'aboutira à rien...)
Donc en gros, les informations importantes sont à renseigner dans un champ spécial (et requis), et le reste qui aura peut être moins d'importance sera rensigné dans une zone de texte simple.
Cela permettra aussi une certaine homogénéité entre les annonces, l'utilisateur saura directement où regarder pour avoir les informations importantes qui seront mises en avant.
L'aspect graphique
L'aspect graphique n'est peut être pas super beau (j'espère que j'aurais le temps de l'améliorer et l'inspiration pour..) mais je souhaite avant tout qu'il soit simple, pas encombré de détails inutiles, et surtout pas bourré de pubs (il y en aura peut être 1, grand max).
J'insiste aussi beaucoup sur les visuels pour avoir un perçu très rapide sans avoir à lire. Par exemple, sur les annonces, à côté de l'image, j'ai utilisé des icônes pour etc...
Le sexe de l'animal aussi est très visuel, et très stéréotype : le nom de l'animal (et de la race) en rose pour une femelle et en bleu pour un mâle.
Si vous voulez consulter le site pour savoir à quoi il ressemble (mêms s'il n'est pas terminé, et e ne pense pas encore qu'i soit prêt à être lancé) et comment il fonctionne n'hésitez pas c'est ici : www.adoptionanimaux.fr
Si vous pouviez aussi simuler des publications ça me serait éventuellement très utile pour voir s'il n'y a pas quelque chose de pété quelque part (si vous tomber sur une page ou le contenu est complètement vide par exemple, c'est pas normal !).
Pour tester sans vous inscrire, vous pouvez vous connecter sur le compte de test :
Adresse : contact@adoptionanimaux.fr
Mot de passe : comptetest
Voilà sinon j'accepte tous les avis autant sur l'aspect technique ou l'aspect ergonomie en tant qu'expérience utilisateur et je pourrais répondre à vos questions si vous en avez
EDIT : AVANCEMENT DU PROJET (sera mis à jour au fur et à mesure)
Bon, depuis j'ai rajouté pas mal de choses, et avant tout j'ai modifié le design (il risque encore de changer).
Ce que j'ai rajouté :
- Possibilité de choisir dans toutes les races de chien
- Ajout du chat
- Suppression automatique d'une annonce après X temps
- Possibilité de renseigner la ville
- Possibilité de signaler une annonce
- Possibilité de modifier son annonce
- Alerte mail 1j avant suppression annoce
- Alerte mail lors de la suppression
- Envoi de mail à l'inscription
- Gestion professionnels
Ce qu'il reste :
- Désinscription
- Ajout de filtres dans la recherche : ville, age de l'animal, ..
- Modération des annonces via une interface exprès
Bon je suis allez voir pas mal de sites sur le même principe et c'est vrai qu'ils sont assez "moches..". Donc pourquoi pas, un design actuel + l'ergonomie + la conception de recherche pourrait se démarquer de la concurrence.
Il y a quand même le site de 30 millions d'amis qui est assez fournis en annonces.
Il serait aussi intéressant de proposer un compte de test "provisoire" pour répondre à tes questions. Le fait de devoir s'inscrire juste pour tester peut en repousser plus d'un...
3- Les bouton type radio : un peu petit et tu n'as pas faite de correspondance avec le label : (<label for="id du Btn radio">...</label>
C'est anti-accessibilité.
4 - La police de texte est trop petite, regarde les autres sites la tendance est à la lisibilité. Les textes sur fond blanc manquent aussi de contraste pour ma part.
5 - Je n'ai essayé de rentré de code HTML ou JS pour voir si tu as bien filtré tes données côté serveur. Je le ferais demain avec ton accord.
Voilà, côté design c'est agréable, j'aime bien la présentation des annonces. Par contre pour les bouton arrondis (radius) je suis moins fan, question de goût personnel.
3- Les bouton type radio : un peu petit et tu n'as pas faite de correspondance avec le label : (<label for="id du Btn radio">...</label>
C'est anti-accessibilité.
4 - La police de texte est trop petite, regarde les autres sites la tendance est à la lisibilité. Les textes sur fond blanc manquent aussi de contraste pour ma part.
5 - Je n'ai essayé de rentré de code HTML ou JS pour voir si tu as bien filtré tes données côté serveur. Je le ferais demain avec ton accord.
Voilà, côté design c'est agréable, j'aime bien la présentation des annonces. Par contre pour les bouton arrondis (radius) je suis moins fan, question de goût personnel.
Pour le choxi dans le menu c'est normal, j'ai mis le chat mais en disabled (avec titre au survol qui expique) en attendant pour dire qu'il y aura mais que c'est pas encore ajouté.
Je modifierais donc la longueur pour la description, c'est vrai que je n'ai pas vraiment d'idée de la place qu'on a besoin pour une description correcte
Pour les input et la taille de la police je modifierais aussi, et concernant l'injection HTML j'ai complètement zappé, faudra que je le mette
Je n'ai pas testé ton site pour déposer une annonce mais je le trouve très agréable à l'oeil.
Les couleurs sont pas mal choisies et c'est assez simple d'utilisation. Sur mobile ton site passe très bien.
J'espère pour toi que ça va marcher, bonne continuation.
Merci ! J'avais peur que ça fasse trop sombre à cause du gris foncé ou encore trop triste à cause du gris clair, ou tout simplement trop orienté féminin à cause du rose pâle..
J'aime beaucoup le design type site de rencontre (je me trompe peut-être mais ça me fait penser à ce genre de site directement ?)
De base, j'aime beaucoup les design sombre et sobre, comme le tiens. Mais ici j'ai du mal, c'est surement moi hein, mais j'ai l'impression que les animaux sont biens plus tristes qu'il n'y parait. (C'est une stratégie ?! avoue le !!!! haha )
Sinon, le site est très bien, responsive, et l'idée de la carte sur la page d'accueil est une bonne idée.
Attention à ta police d'écriture qui n'accepte pas les accents apparemment. Peut-être devrais-tu les enlever ?
Un bon site et je pense qu'il a de l'avenir, d'autant plus que je suis étonné que ton nom de domaine n'ai pas déjà été prit. Il est pertinent et va te permettre d'être référencé très rapidement et d'être partagé facilement !
Le "marché" est à prendre et je te souhait bon courage !
Ah moi il me fait pas forcément penser au design des sites de rencontres, après c'est vrau que ce n'est pas le genre de site où je vais..
Je pense que j'ai un peu trop abusé du fris ça ne voent pas de toi Il faudrait que je vois pour modifier quelques trucs :/
Pour la police d'écriture j'ai enlevé les accents à certains endroits mais pas partout car je suis assez partagée en fait x) Avec cest c'est moche, sans c'est bizarre.
Il faudrait que je vois s'il est possible de rajouter des caractères à la police, je sais pas du tout si je peux faire ça mais je vais voir.
Concernant le nom de domaine il y en a beaucoup qui etaient déjà pris mais il y en a tellement qui ne le sont pas Y a quand meme 2 mots clés dans le domaine donc cest facile de jouer avec les tirets entre les mots, singulier ou pluriel, conjugué ou non...
A la base le nom de domaine que je voulais est déjà pris par un site qui n'est pas en ligne, ça fait plaisir ...^^
Le site est beau (assez féminin mais c'est un parti pris, pourquoi pas) même si je suis pas fan de la police et le principe est bon, ça change des éditeurs de textes, jeux ou autres OS basés sur NodeJS sans saveur (noraj)
D'un point de vue purement technique :
- Généralement on met ses scripts à la fin du body, ça permet de charger les pages plus vite, là ils sont dans le head (ce qui est une bonne pratique mais pas le plus optimisé) mais il y en a un ou deux - horreur ! - en plein milieu de page. - L'import d'un script Google Adsense? Vraiment / Déjà ? - Pourquoi je vois le HTML de la déconnexion alors que je suis pas connecté? - Les Mentions Légales sont longues. Mais...
Le site n'est pas declare à la CNIL car il ne recueille pas d'informations personnelles
En fait si. Les numéro de téléphone et adresses mail + le nom et prénom sont des informations personnelles.
- Je te conseille de mettre un Captcha au moins au formulaire de contact. Tu as pas forcément envie de te faire spammer de mail de phishing. - J'ai pas eu le temps de tester injections SQL, XSS, CSRF, vol de session, clickjacking, etc. Faudra y penser si tu ne l'as pas pris en compte. Je peux t'aider à les tester si tu veux. Comme l'a indiqué Lucky13 il faut l'autorisation de toute façon sinon c'est illégal.
Je verrais pour ranger mes scripts là où il faut !
Pour la CNIL en fait j'ai cherché un peu partout et j'ai lu que je n'avais pas a déclarer quoi que ce soit.. J'ai quand même voulu faire une déclaration mais j'ai abandé à mi-chemin car à un moment on me demande de choisir un truc dans un select et y a rien qui correspond...
Donc je ne sais pas quoi mettre..
Pour les injections vas-y essaie, la seule condition si tu y arrives est que tu me le dises bien sûr et que tu m'indiques l'endroit de la faille
Sinon j'ai une petite question juste pour confirmer ce que je vais faire, si quelqu'un peut y répondre...
Mon site est actuellement hébergé sur Hostinger en hébergement gratuit (lol) donc je pense que lorsqu'il y aura du trafic il va clamser ou je vais être saturée niveau stockage...
J'ai pas vraiment d'argent donc j'ai remarqué un truc pas cher, l'offre Perso d'Evxonline, à 1,xx TTC.
Je connais pas du tout Evx je n'ai jamais rien hébergé dessus, alors vous me conseillez plutôt de rester sur l'hébergement gratuit Hostinger ou l'offre d'Evx est bien ?
Edit : j'ai aussi vu qu'il y a avait une offre a 1,19 TTC au lieu de 4 et quelques par mois ici ... https://www.1and1.fr/hebergement-web
perso je suis chez 1&1, pas de souci j'en suis satisfait mis à part qu'ils sont un peu "pot de colle" .Mais les tarifs d'appel ne sont que pour 1ère année, comme pour les autres...
Même chose que le post plus haut, le site est bien en lui même mais je ne suis juste pas fan de la police, et ça fait bizarre quand on passe la souris sur la France la mise en gras des régions est.. bizarre.. m'enfin sinon c'est bien
Juste je te préviens, pour l'offre 1&1, NE PRENDS PAS CELLE A 1.19 TTC/MOIS. C'est une offre de serveur web windows mutualisé et la PDO n'est pas activée C'est l'offre que j'ai choisie en premier mais impossible d'activer la PDO, j'ai donc du me rabattre sur une offre à 3.99/mois (serveur linux cette fois) et là ça marche.
Attention chez 1&1 ils ont passé à la version 5.6 et 7 de PHP. Pour les versions antérieurs il va falloir payé un supplément pour le support, qui de 6 € de mémoire.
TheoFonchain> oui il faut prendre un serveur Linux, nombreux se font piégés...
Ok merci pour vos avis, je crois que je vais plutôt aller sur evx alors... Sinon, j'ai changé la police ! Enfin, j'ai modifié les caractères non pris en charge les plus courants pour mettre les accents
Sinon pour la responsive, pas besoin de js hein, tu peux gérer ça avec le css -> https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/mise-en-page-adaptative-avec-les-media-queries
Question sans réel intérêt mais... Est-il possible d'avoir un screenshot ou une version mobile sans cette phrase rouge ? Ça gâche la vision globale qu'on pourrait se faire.
Question sans réel intérêt mais... Est-il possible d'avoir un screenshot ou une version mobile sans cette phrase rouge ? Ça gâche la vision globale qu'on pourrait se faire.
C'est pour ça, je voulais tester depuis un second mobile et je n'ai pas pu accéder à ton site. Demain j'essaierais de faire une capture/photo de mon rendu sur mobile si cela se reproduit.
C'est normal, il faut entre 24 et 48 heures pour que les DNS se propagent.
Je trouve personnellement le tout beaucoup trop sombre, ce n'est pas très joyeux pour un site d'adoption d'animaux, je trouve ça un peu à l'opposé du but du site.
Je ne suis plus modérateur, ne me contactez plus pour des demandes, je n'y répondrai pas.
Avis personnel, ça fait assez site de rencontre, le gris et le rose j'accroche pas du tout...peut-être que j'imagine plus du vert pour des sites sur les animaux? Les goûts et les couleurs...
Détail visuel sur pc, lorsqu'on survole la Provence-Alpes-Côte d'Azur la carte se décale (div contenant la liste qui s'élargit). Trouve une solution pour fixer sa taille au max. Tu n'utilises pas de système de grid?..
Autre détail visuel, c'est que mon avis mais tous les thèmes modernes comme le material design sont assez blindés en feedback dans l'UI (quand tu survoles un bouton l'UI réagit pour le montrer, par exemple). Là, ça ressemble un peu à une image vu qu'aucun élément à part la carte ne réagit avant qu'on clique dessus par exemple. J'aurais bien vu les deux liens à droite se teinter de la couleur du site au hover. Après ce ne sont que des suggestions.
Concernant le script qui ne se lance qu'une fois sur deux, le lancer une fois la page/image chargée n'est pas sensé poser problème. Sinon, y'a des classes CSS dans pas mal de lib qui sont sensées résoudre le problème (je ne vois pas pourquoi la taille devrait ne pas être connue au départ?)
/!\ Si je cesse de répondre c'est parce que vous êtes venus poster sans avoir suivi les cours de base sur le sujet. /!\
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Site personnel : Julien Gidel - AutoMate - PHPresentation
Site personnel : Julien Gidel - AutoMate - PHPresentation
Je ne suis plus modérateur, ne me contactez plus pour des demandes, je n'y répondrai pas.