Saturday, May 14, 2011

Étape 6 - Maquette préliminaire

La page des actualités:


la page des projets:


Voici les maquettes préliminaires de mon site.

Je voulais quelque chose de très simple et épuré tout en gardant une bonne ergonomie.

Nous voyons très bien dans quelles sections nous sommes grâce au changement de couleur du texte dans le menu mais aussi un gros "MES" s'inscrit au-dessus. Avec ce mot qui est rajouté, l'utilisateur reste avec l'idée qu'il navigue dans un portfolio et en plus, mes informations des compétences et mes qualités comme travailleur sont indiqué en permanence à droite des pages.

Pour la navigation secondaire et ternaire, le même code de couleur est utilisé: le beige pour indiquer qu'il s'agit d'un lien et le rouge pour indiquer que nous avons sélectionné tel objet

2 comments:

  1. Elle est intéressante ta maquette Phil! La seule chose que j'ai à dire sont tes liens. C'est dur de savoir ce qui est cliquable de ce qui ne l'est pas. Tu dis que que la couleur beige qui indique que c'est un lien et c'est bien mais il manque, d'après moi, un petit quelque chose pour indiquer que c'est cliquable. Ton titre "JTT Je Trippe Techno" est numéro un, il s'adapte bien avec la page et tes projets sont bien présentés. C'est très bien parti mon Phil!

    ReplyDelete
  2. J'aime bien ton idée de JTT. C'est original par rapport à tous les portfolios. Ça donne le ton et ça exprime bien ce que tu es et a à offrir aux employeurs.

    Quelques commentaires pour t'aider à améliorer ton concept.
    Pourquoi mettre MES Actualités sur 2 lignes? Pourquoi MES en capitales et Actualités en Cap et bas de casse? Mieux vaudrait Mes actualités sur une seule ligne, simple et efficace. On a avantage à uniformiser: Mes actualités , Mes projets, ou Actualités et Projets...
    Je trouve très bien ton utilisation de la colonne de droite pour donner des infos sur toi. Coquille: étudiant pas avec un e.
    Si tu veux la nomenclature au long c'est Techniques d'intégration multimédia.

    Un pied de page est toujours utile, même minimal!

    Maquette 2:
    Éviter les abréviations dans la navigation: Programmation/Intégration. Quelle différence entre Intégration et Programmation/Intégration? Peut-on faire deux rubriques distinctes?
    Comme ce sont des projets scolaires, expliquer le contexte de réalisation. Ne pas laisser croire que tu as réalisé le projet pour Boréal...
    Vraiment, bravo Philippe. C'est un très bon concept. Très simple et tout à fait efficace.
    Je suis flabergastée!8¬)

    ReplyDelete