[Intermédiaire] JeremDsgn - Web & UI Designer v2

(reprise du message précédent)

Bonjour à tous et à toutes,

Je re-up une dernière fois ce topic, pour avoir des retours sur la version mobile.
Merci de votre part.

* Sortie version mobile : -http://www.jeremdsgn.com/m
* Correction de certains bugs.
* Ajouts de créations toutes les deux semaines environ.

Je viens de lancer la version 2 de mon site web. Je voudrais, si possible, quelques retours, sur la disposition, code et design. Merci d'avance !
ps : N'hésitez pas à donner des retours sur la version mobile.

Modifié par JeremGraph (16 Jul 2011 - 15:15)

Bonjour,

Joli travail. Visuellement j'adhère complètement à ce style.

- Pour l'emplacement des sections, je remplacerais le Folio par la section services (elle n'est pas très visible cachée derrière le formulaire de contact.).
- Je ne suis pas fan des barres de "Skill", non pas de leur style, mais de la pertinence de celles-ci.
- pour le code pas d'erreur flagrante, mis à par une grosse évolution de ta part sur tes titres et ton menu.

EDIT : Pour ta version mobile (Galaxy S2 / Android / FireFox), cela fonctionne correctement pour le contenu, mais pour les images, le redimensionnement donne un rendu assez malheureux. Ça pixelise et réduit considérablement la lisibilité des titres.
Bonus : les étoiles de séparation semblent étirées verticalement sur la version mobile.
Modifié par fufu (17 Jul 2011 - 14:03)

Bonjour,

version mobile = MQ ? Parce que l'adresse /m donne une 404.
Avec un Samsung Wave (OS bada, navigateur type dolphin sur base webkit), elle me force à passer en portrait parce que tout dépasse les 320px de large, un peu embêtant. L'image d'entête apparaît/disparaît selon les rechargements ou le scroll, j'ai pas bien saisi la raison, et est décalée vers le bas par rapport à la zone de clic de retour à l'accueil. Est-ce que c'est OK sous iOS/Androïd ?

Felipe a écrit :
L'image d'entête apparaît/disparaît selon les rechargements ou le scroll, j'ai pas bien saisi la raison,

Bonjour,

il me semble (pour l'avoir remarqué sur une de mes productions) que c'est le comportement de

position: fixed;

à confirmer.

Bravo c'est un très joli site, belles couleurs et la disposition est agréable.

fufu a écrit :
Bonjour,

Joli travail. Visuellement j'adhère complètement à ce style.

- Pour l'emplacement des sections, je remplacerais le Folio par la section services (elle n'est pas très visible cachée derrière le formulaire de contact.).
- Je ne suis pas fan des barres de "Skill", non pas de leur style, mais de la pertinence de celles-ci.
- pour le code pas d'erreur flagrante, mis à par une grosse évolution de ta part sur tes titres et ton menu.

EDIT : Pour ta version mobile (Galaxy S2 / Android / FireFox), cela fonctionne correctement pour le contenu, mais pour les images, le redimensionnement donne un rendu assez malheureux. Ça pixelise et réduit considérablement la lisibilité des titres.
Bonus : les étoiles de séparation semblent étirées verticalement sur la version mobile.

Pour la partie services, tu l'as mettrais où, au-dessus du folio, en dessous ? Après, que mettre sur le côté du formulaire ?
Pour la barre de "skill" je vais essayer de trouver une autre solution, on verra bien.

Pour la version mobile qu'entends-tu par "redimensionnement donne un rendu assez malheureux" ?
Pour "les étoiles de séparation semblent étirées verticalement sur la version mobile." c'est malheuresement normal, car j'ai mis un :

width:auto !important;

Felipe a écrit :
Bonjour,

version mobile = MQ ? Parce que l'adresse /m donne une 404.
Avec un Samsung Wave (OS bada, navigateur type dolphin sur base webkit), elle me force à passer en portrait parce que tout dépasse les 320px de large, un peu embêtant. L'image d'entête apparaît/disparaît selon les rechargements ou le scroll, j'ai pas bien saisi la raison, et est décalée vers le bas par rapport à la zone de clic de retour à l'accueil. Est-ce que c'est OK sous iOS/Androïd ?

Oui, par version mobile, j'entendais, version adaptée de la version bureau, et non pas une spécifique, ou crée spécialement pour mobile.
C'est étonnant que ça dépasse les 320px, sur iOS, ça passe bien. Pourrais-tu faire une capture ? Pur les sursauts de l'image, c'est très étonnant.

Incsoon a écrit :
Bravo c'est un très joli site, belles couleurs et la disposition est agréable.

Merci bien

De plus, j'ai deux questions :

- Dois-je laisser le menu en haut fixe, et qui reste quand on descend, ou dois-je le laisser en haut ?
- Pour le fichier css de la version mobile, je voudrais center les vignettes (ul, li) des mes créations, j'ai déjà essayé un margin: auto, comment faire ?
Modifié par JeremGraph (18 Jul 2011 - 14:00)

JeremGraph a écrit :

- Dois-je laisser le menu en haut fixe, et qui reste quand on descend, ou dois-je le laisser en haut ?

Fixé en haut comme tu as fait c'est bien pratique.

JeremGraph a écrit :

Pour la partie services, tu l'as mettrais où, au-dessus du folio, en dessous ? Après, que mettre sur le côté du formulaire ?
Pour la barre de "skill" je vais essayer de trouver une autre solution, on verra bien.

Pour la version mobile qu'entends-tu par "redimensionnement donne un rendu assez malheureux" ?
Pour "les étoiles de séparation semblent étirées verticalement sur la version mobile." c'est malheuresement normal, car j'ai mis un :

width:auto !important;

Bonjour,
2/3 choses :

- Pour tes lignes de séparations, tu pourrais styler des <hr /> afin d'utiliser cette balise prévu pour ça et de remplacer

<img class="separator-stars-first" width="960" height="19" src="img/separator-content.png" alt="Separateur" /> 

- Pour ta section de service, tout dépend de l'objectif de ton site, j'imagine que c'est quand même de faire venir des clients potentiel, donc je placerais cette partie sous le slide, avant ton folio.
- pour le formulaire, il manque une info, car je n'ai pas compris à quoi correspondait les tarifs de la liste déroulante.
- Pour la version mobile, ce que j'entendais par redimensionnement qui donne un rendu malheureux, c'est ce que j'explique à la suite:" Ca pixelise, les textes en images perdent en lisibilité". Cela vient peut-être de mon "Droïd".

Voilà, j'ai corrigé les erreurs rapportées.
Que peut-on faire pour rendre meilleur la lisibilité sur les mobiles ? rajouter un "-webkit-text-size-adjust: 70%;" ?

Ne pas utiliser (ou le moins possible) d'images porteuses de contenu (texte principalement) quand on est sur un terminal mobile.

D'un côté, parce que comme le dit Fufu, ça a un rendu moche et pixelisé - donc dur à lire. Et bien souvent les images seront désactivées en visites hors wi-fi, ce qui n'a pas nécessairement un rendu agréable non plus...

Il n'y a (à ma connaissance) pas de solution réellement convaincante à ce niveau présentement... (sauf ne pas utiliser d'image contenant du texte )


Sinon, j'aime beaucoup ton portfolio. Très beau design !

Vaxilart a écrit :
Ne pas utiliser (ou le moins possible) d'images porteuses de contenu (texte principalement) quand on est sur un terminal mobile.

D'un côté, parce que comme le dit Fufu, ça a un rendu moche et pixelisé - donc dur à lire. Et bien souvent les images seront désactivées en visites hors wi-fi, ce qui n'a pas nécessairement un rendu agréable non plus...

Il n'y a (à ma connaissance) pas de solution réellement convaincante à ce niveau présentement... (sauf ne pas utiliser d'image contenant du texte )


Sinon, j'aime beaucoup ton portfolio. Très beau design !

Ok, merci bien pour cette remarque,je vais essayer de modifier un peu les images dans ce cas.

Sinon, je cherche à center la liste (ul, li) est-ce possible ? (seulement pour la version mobile, et un en dessous de l'autre)

Bonjour à tous !

Me revoilà une nouvelle fois pour vous montrer une nouvelle version de [Modération : le lien se trouve déjà dans le premier message du sujet]

Au programme, une version mobile réalisé grâce au média queries, un blog adapté au thème, enfin bref à vous de me dire ce que vous pensez de cette toute nouvelle version.
Modifié par Laurie-Anne (22 Nov 2011 - 12:27)

jb_gfx a écrit :

C'est d'autant plus dommage quand je vois un site comme le tiens parce que tu as la technique et le potentiel, mais il faut trouver ton style !

Tout est dit mais chapeau pour la réalisation, tapis rouge même. Il faudrait néanmoins que les icônes des réseaux sociaux reprennent toutes leurs couleurs au hover mais c'est peut-être pas l'effet escompté.
Cela me rappelle profondément (se rappeler profondément, mouais je sais si moi-même je comprends ce que je dis ) le style de dribbble !!!

Comme disait jb_gfx c'est pas marquant, on ressort pas de là en ce disant ouah j'adore ce qu'il fait ce webdesigner, en revanche on aime visiter la page et moi je trouve que c'est largement d'un niveau pro, tu es modeste avec ton [intermédiaire].


EDIT: j'ai un smartphone de toute dernière génération et c'est loi d'être optimisé pour des dimensions largement correctes: 123,9 x 63 [x 10,9 mm , on s'en fout]
Modifié par jmlapam (21 Nov 2011 - 09:06)

Ta critique est vraiment intéressante et je suis tout à fait d'accord dans le fait que je n'ai pas encore ma propre griffe. Mais avec le temps ça va venir (et puis au bout de nombreux portfolios ).

Pour ton problème avec ton smartphone, il faudrait que tu me dises la résolution de ton écran, car si elle est entre 480 et 800px elle n'est pas encore optimisé, j'ai fait seulement pour les résolutions inférieures à 480px.

ps : C'est vrai que les icônes sociaux avec leurs couleurs natives seraient sympa
Modifié par JeremGraph (21 Nov 2011 - 20:56)

C'est du 800 x 480.

Tu as regardé en mode portrait ou paysage ? C'est bien 800 de haut et 480 de large ? Si tu peux je serais ravi d'avoir un screen.

Non non, le mode portrait est impec.
C'est le paysage qui pose problème. Pour les screens soit je root le smartphone et je fais sauter la garantie soit je paie une application donc désolé.

Il faut juste que tu rajoute une querie landscape.

Ok, pas de problème pour le screen. Lorsque tu es en mode portrait tu as cette page ? http://www.toopix.eu/userfiles/58f5d91d77829b7bff46234cba608128.png

Sinon, je pense avoir compris le problème et il sera résolu dans les jours qui viennent.

N'hésitez pas si vous avez d'autres avis (pas screens ^^) !
Modifié par JeremGraph (22 Nov 2011 - 22:02)

Salut Jerem,
ALLÉLUIA, enfin un site digne d'un véritable travail de graphiste.

Je trouve les commentaires de mes petits copains, particulièrement, sévères.
1/ au regard des immondices que l'on nous demande d'analyser.
2/ parce que sans être effectivement révolutionnaire, ton site a du tempérament

Un petit point à améliorer : ton portfolio (vitrine de ton savoir-faire) . Au lieu d'ouvrir une pop up (fausse), j'aurais bien vu un slide vers la droite, ce qui te permettrait d'afficher une image de taille plus importante... enfin je m'y attendais

Good job
@plus
Zedbar

A vrai dire ton idée pour afficher mes créations, je l'ai dans ma tête, mais je n'ai pas encore eu le temps de m'y consacrer. Pour m'expliquer, je pense faire un système qui permet lors du clic de dérouler une fenêtre en dessous de la vignette avec la création en taille réel.

Hésitez pas si vous avez d'autres remarques/suggestions, ça m'aide beaucoup !