Retours graphiquesUniformisation des maquettes
Jeudi 4 mars 2010
Home pageA revoir
Menu déroulant Titre image VS html
Page abonnementLa mise en forme de cette page doit être revu (cf slide suivante).
Intégration en div Créer 3 étapes : choix de l’abonnement / inscription / confirmation Graphiquement : cette page doit être plus « promo »
Mot de passe oublié ?
1 Accès à tous les résultats de venteTous les Résultats de ventes aux enchères illustrés avec adjudications
Profiter de toutes les fonctionnalités d’Auction grâce à nos différentes formules d’abonnement
2
3Cibler vos alertesPersonnaliser vos alertes grâce à plusieurs critères
Créer votre calendrier personnaliséGérer vos rendez-vous à ne pas manquer !
Choisissez la formule qui vous est le mieux adaptée
OFFRE EXCEPTIONNELLE
6 MOIS POUR 12,50€/mois Soit -34%(1)Règlement de 75€ en une fois. Tarif mensuel pour un engagement de 6 mois
1 an pour 8,25€/mois Soit -56% (1)Tarif mensuel pour un abonnement d’1 an. Règlement de 99€ en une fois
1 mois pour 19€Tarif mensuel pour un engagement de 1 mois (2)
ETAPE SUIVANTE
A la fin de la période d'engagement, votre abonnement sera renouvelé automatiquement tous les mois au tarif mensuel de votre abonnement actuel.Dans tous les cas, vous pourrez annuler ce renouvellement simplement en quelques clics depuis la page "Mon compte". (1) Remise calculée sur le prix d'un mois à 19 €.(2) Carte Bancaire et Paypal uniquement.
Abonnement étape 1
Déjà inscrit(e) ? OK Mot de passe oublié ?email Mot de passe
Créer votre compte Auction.fr
Votre email* :
Votre mot de passe* :
Confirmer votre mot de passe* :
Votre civilité* :
Votre nom* :
Votre prénom* :
Votre pays de résidence* :
M. Mme Melle
France
J’ai lu et j’accepte les conditions générales
*Saisie obligatoire
J’accepte de recevoir les offres promotionnelles des partenaires d’auction.fr * Oui Non
Accepter-vous de recevoir la newsletter et les offres d’auction.fr * Oui Non
Vous êtes *: Particulier Professionnel
CONFIRMER l’INSCRIPTION
Abonnement étape 2 Utilisateur passe par cette étape uniquement si il n’est pas logué sur le site
Il s’agit de la même Div que pour l’inscription sans abonnement
CONFIRMER VOTRE COMMANDE
Récapitulatif de votre commande
6 MOIS POUR 12,50€/mois Soit -34%(1)Règlement de 75€ en une fois. Tarif mensuel pour un engagement de 6 mois
Choisissez votre mode de paiementPar carte bancaire Par paypal Par chèque (3)
A la fin de la période d'engagement, votre abonnement sera renouvelé automatiquement tous les mois au tarif mensuel de votre abonnement actuel.Dans tous les cas, vous pourrez annuler ce renouvellement simplement en quelques clics depuis la page "Mon compte". (1) Remise calculée sur le prix d'un mois à 19 €.(3) Accès à réception du chèque.
Abonnement étape 3 Après achat l’abonné est redirigé vers la page de laquelle il provient
Page accueil abonnéEléments à revoir
Fil d’ariane : uniformisation avec l’ensemble des pages (gris? Rouge ?)Déterminer les rollovers et la page active
Besoin d’aide : bloc de contenuuniformisation avec les autres blocs de contenus (voir charte graphique, slide 3)
Votre calendrier : liens accessibilitéLe bloc est flottantUniformisation avec les autres blocs « liens accessibilité » (voir charte graphique, slide 4)+ modification de l’ascenseur (voir charte graphique, slide 3)
Carrousels centrales (cf slide suivante)
Auction LiveReprise du logo dispo dans le menuRetravail de cet espace (voir avec Rodolphe)
Page accueil abonné - carrousel
Par défaut, dernier lot sélectionné en format prévisualisation Dessous, des formats vignettes Ajouter toutes les infos nécessaires lots
Photo du lot sélectionné
Format prévisualisation
Date de la vente (Du…au…)Titre de la venteNom de la maison de venteLot N° : Titre du lot, DatationArtiste (date)Thème : thème du lot
Vignette Vignette Vignette Vignette Vignette
Vos ventes : les résultats d’adjudication
Page vente catalogues-vente-a-venir 02.jpg
Page vente – Elts à revoir Fil d’ariane et calage sous le headerReprendre la page accueil compte pour exemple
Bloc filtre• Reprendre le model « Liens d’accessibilité » (slide 4 de la charte graphique)• Conserver le fond strié mais petit problème de lisibilité des typos dans le filtre sur le fond hachuré ("entre le ... et le ...
uniquement..."). Ca peut peut-être se rattraper en allégeant les contrastes sur le fond
Consulter les ventes à venir.. :• ne délimitent plus le contour de la page et se fondent dans le noir du fond. Déséquilibre l'ensemble. Il y a peut-être une solution
pour rappeler le contour... un liseré très léger ou ... autre chose.• Réflexion sur la logique des points : normalement 1 point correspond à 1 lien
flux :• le rouge dans le bouton abonnez-vous aux ventes à venir est peut-être un peu tranchant• Le calage est à revoir
Les ventes phares : problème d'alignement
Ventes les plus consultées• reprendre la logique du bloc Liens de mise en avant (cf charte graphique, slide 4)
Page vente – Elts à revoir (suite…)Les 2 services Auction Live et le service d'alerte en bas à droite :
• travail graphique sur cette partie , ne répond pas au brief initial Alors ça peut être très graphique, sans être figuratif, à moins que tu aies une idée d'illustration. Toujours est-il que ça doit attirer le regard...
• auction live au niveau de la typo, il faut reprendre celle utilisée dans le menu principal avec le "Live" en police manuscrite.• Il manque également le texte de présentation du service• pour le service d'alerte... petite fOte d'AurtoGraF ;-) : "...intéresser ne devrait...«
Les pictosTrouver un système pour une meilleure intégration dans la page, là ils ont l’air juste « posés »Il faut les intégrer ensuite au sein de chaque vente : où vont-il se positionner ? Quelle allure aura la page dans son ensemble avec des pictos sur chaque ligne ?
La paginationok mais peut-être mettre le fond de page en gris clair pour moins trancher dans le dégradé (c’est un peu lourd)
Les éléments textes• Les textes suivants doivent être en html, donc utilisation d’une police « standard » :
« ventes aux enchères septembre 2009 » (idem pour le suivant), Toutes les infos vente comme « titre de la vente », toutes les infos dans le bloc du moteur de tri à gauche
• Grossir les dates qui délimite les ventes dans la partie centrale (doivent être du même niveau de lecture que les titres de vente)• Mettre des textes réalistes
Les liensLes liens ne doivent pas systématiquement être souligné
Page lot catalogues-lots.jpg
Page lot – Elts à revoir Fil d’ariane et calage sous le headerReprendre la page accueil compte pour exemple
Accès direct aux lots filtrés :• Reprendre le model « Liens d’accessibilité » (slide 4 de la charte graphique) avec le fond strié• Les visuels : A déterminer avec Rodolphe, visuels rognés ? (comme sur la HP) ou rezisés (comme sur cette version ?)• Mettre des textes réalistes en html• Ne pas mettre de diff de couleur 1 ligne sur 2 mais plutôt réfléchir sur le système de rollover• Ascenseur : à voir avec Rodolphe. Défilement ituitif ou présence d’un ascenseur ? Si on conserve l’ascenseur, grossir et arrondir
les encoches comme sur la div
Toutes les ventes à venir de …:• Cf retours de la maquette vente
Docs complémentaires, actualité en rapport• Utilisé les élements de la charte « Liens de mise en avant : » (slide 4)
Accéder aux lots de…• Même chose que « accéder au lots filtrés ». • Idem pour les visuels : ça doit être le même système d’affichage
Page lot – Elts à revoir (suite…)Zone centrale, haut (infos vente) :
• Pb de hiérarchie de l’info• Liens : donc pas de pictos ? Ca fait beaucoup de liens, on ne voit rien du coup.
Informations sur la vente• Il faudrait faire un test avec la div ouverte (page liste des lots du story)• Aller au lot : doit être du html• Beaucoup d’espace en dessous et au-dessus de la pagination, pourquoi ?• Pagination : cf remarque de la page vente• pas de texte de petite taille en gris clair, ça ne se lit pas
Espace info lot• Faire un essai avec un vrai titre (en html), peut prendre 2 lignes• aucun picto ?• pas de texte petit en gris clair• Pourquoi les liens ne sont-ils pas regroupés ?• Visuel : il faut aussi tester avec des visuels verticaux• Pb de définition du visuel
Les liensLes liens ne doivent pas systématiquement être souligné
Div catalogues-vente-a-venir+div ajouter_alerteCONFIRMATION.jpg
Div – Elts à revoir• Pb de lisibilité avec le système de transparence. On peut peut-être y remédier en contrastant d’avantage les typos et en ajoutant un zone concentrique noire opaque
• Faire en sorte que menu déroulant et champs libres soient uniformisés
• Confirmation : Le rouge sur fond gris est difficile à lire