Portefeuille Rais Nesrine

2ème site en responsive design en version mobile...

Tue, 04 Dec 2012 18:02:38 -0500

2ème site en responsive design en version mobile : http://www.fivesimplesteps.com/

2ème site en responsive...

Tue, 04 Dec 2012 18:01:00 -0500

2ème site en responsive design: http://www.fivesimplesteps.com/

Description : c’est un site de vente en ligne des livres, une souple conception pour les acheteurs des livres en ligne. Il s’agit de la vente des différends livres. Le site est simple et fluide.

La page de vente des livres à une grande attention aux détails des contenus des livres.

Currys en version mobile

Tue, 04 Dec 2012 17:51:28 -0500

Currys en version mobile

1er site en responsive...

Tue, 04 Dec 2012 17:42:00 -0500

1er site en responsive design: http://www.currys.co.uk/gbuk/index.html

Description : c’est un site de vente en ligne des électroménagers , contient beaucoup d’articles avec un style assez clair à base du blanc avec un logo composé d’un typo et d’un objet et surtout des images, tous les éléments s’ordonnent automatiquement et se mettent les uns au-dessous des autres, en gardant l’esprit du site (des images au premier plan avec des petites descriptions).

Les points forts et faibles de site web

Mon, 14 May 2012 15:25:00 -0400

http://www.flysyphax.com/

Points forts:

-les animations de transition(une multitude d’animations) ainsi que la réactivité des liens lors des survols.

-les menu déroulants(qui sont transparents) qui sont très réactifs au survols.

-les couleurs du site respect les couleurs de la charte graphique du logo et avec le thème aérien.

-L’ensemble de la page est homogène.

-La composition géométrique du body qui donne une impression de relief à la page.

Les points faibles:

-La disposition des items impertinente puisque on trouve des liens qui sont important et que difficilement remarqué

-L’utilisation d’image “cartoon” ou “dessin” au lieu d’images réelles.

-L’emplacement de la barre de recherche.

-Il y a un conflit des liens en haut à gauche de la page.

-La police de la barre de menu à la fin de la page et n’est pas la même que celle en haut de la page.

-La couleur de police dans les pages n’est pas standard(elle se diffère d’une page à une autre).

Template design Rais Nesrine

Mon, 07 May 2012 15:14:00 -0400

Template design Rais Nesrine

L’interface du tchat

Wed, 18 Apr 2012 11:10:06 -0400

L’interface du tchat

La proposition de l’emplacement du module de tchat du...

Wed, 18 Apr 2012 11:08:11 -0400

La proposition de l’emplacement du module de tchat du site krys.com + interface

La proposition de l’emplacement du module de tchat du...

Wed, 18 Apr 2012 11:05:38 -0400

La proposition de l’emplacement du module de tchat du site krys.com + interface

Ömer Faruk Tekbilek ♫ I Love You (Original Version) (par gkdnz)

Sun, 11 Mar 2012 08:53:07 -0400

Ömer Faruk Tekbilek ♫ I Love You (Original Version) (par gkdnz)

Un Bon site: j’ai bien aimé aussi le site de Silviotossi...

Tue, 06 Mar 2012 09:59:08 -0500

Un Bon site:

j’ai bien aimé aussi le site de Silviotossi coté artistique par le des couleurs vives qui reflètent la nature de la marque.Aussi j’ai remarqué la simplicité du site par la structure dont il est présenté.

http://www.rekza.com/register.html Formulaire mal organiser: Je...

Tue, 06 Mar 2012 07:32:46 -0500

http://www.rekza.com/register.html

Formulaire mal organiser:

Je trouve ce formulaire d’inscription dans le site de Rekza est un très mal exemple de formulaire puisque il est mal structuré,il y a une mal gestion des espaces,les champs ne sont ni visible et ni lisible,la gestion d’erreur est non fiable.

http://www.dior.com/home/fr_fr/ j’ai bien aimé le site de Dior...

Fri, 02 Mar 2012 14:32:18 -0500

http://www.dior.com/home/fr_fr/

j’ai bien aimé le site de Dior coté artistique par le choix des images signifiants et des couleurs vives qui reflètent la nature de la marque .

Aussi j’ai remarqué la simplicité du site par la structure dont il est présenté: image de fond avec des liens et des images signifiants en dessous liés au sites et d’autres en haut pour donner un équilibre visuel.

https://wws.dior.com/beauty/fra/fr/actions/mySpaceCreate.ep# Un...

Fri, 02 Mar 2012 09:33:00 -0500

https://wws.dior.com/beauty/fra/fr/actions/mySpaceCreate.ep#

Un excellent formulaire:

Je trouve ce formulaire est un bon formulaire,bonne gestion de l’espace. Les champs sont bien visibles et lisible. Le bouton de valider est bien placé. Le formulaire est bien construit. La lecture est simple (de haut en bas). Est bien mentionné que tous les champs marqués d’un astérisque sont obligatoires. Les libellés sont alignés à gauche. La gestion des erreurs : dans le cas où l’un des champs est vide ou une erreur de saisie s’effectué par l’utilisateur un message d’erreur s’affiche, et les libellés se change de couleur en rouge.

www.zara.com

Fri, 02 Mar 2012 08:23:34 -0500

www.zara.com

http://www.zara.com

Fri, 02 Mar 2012 08:22:00 -0500

Ce site a une interface assez simple et qui met en valeur la qualité de ce produit avec les images choisis elle est adaptée au contexte de l’organisation visuelle.

Le logo est composé d’une typographie noire qui indique le nom de la marque, c’est un logo attirant lisible et clair sur un arrière plan blanc.

Les éléments de la page sont bien séparés pour permettre à l’utilisateur de bien naviguer.

L’architecture de ce site est bien organiser claire, menu vertical qui utilise des boutons noirs pour facilité la navigation a l’information, la disposition des éléments s’est effectuée d’une façon simple.

Ce site contient tous les informations nécessaires de ce produit avec des images sur les derniers créations afin de satisfera les besoins l’utilisateur en respectant l’organisation visuelle. Un site ergonomique, les couleurs utilisées sont en harmonie avec les couleurs du logo et le produit.

http://swatch.tumblr.com/ Swatch : Le tumblr de Swatch a...

Tue, 28 Feb 2012 12:08:00 -0500

http://swatch.tumblr.com/

Swatch :

Le tumblr de Swatch a une interface assez simple et qui met en valeur la qualité de ce produit avec les images choisis elle est adaptée au contexte de l’organisation visuelle.

Le logo est composé d’une typographie noire qui indique le nom de la marque avec un symbole rouge qui indique la swiss, c’est un logo attirant lisible et clair sur un arrière plan blanc.

Les éléments de la page sont bien séparés pour permettre à l’utilisateur de bien naviguer, les formes rectangulaires rendent l’interface stable.

L’architecture de ce tumblr est bien organiser claire, menu horizontale qui utilise des boutons noirs pour facilité la navigation a l’information, la disposition des éléments s’est effectuée d’une façon simple.

Ce tumblr contient tous les informations nécessaires de ce produit avec des images sur les derniers créations afin de satisfera les besoins l’utilisateur en respectant l’organisation visuelle.Un site ergonomique, les couleurs utilisées sont en harmonie avec les couleurs du logo et le produit.

http://www.artnum.com/

Mon, 27 Feb 2012 19:56:29 -0500

http://www.artnum.com/

Mon, 27 Feb 2012 19:45:00 -0500

http://www.artnum.com/:

http://www.artnum.com/ Le site présente la société de production multimédias ”les Artisans Numériques», ce site illustre les compétences de cette société: la conception de cd-rom/dvd, la réalisation de sites Internet ou intranet, l’installation de webcams interactives ou bien la production de vidéos (vidéos numériques institutionnelles, films d’entreprise, etc…), la mise en place de plateforme riche-média et la communication multimédia des entreprises.

Une explication sur l’ergonomie et le design:

La page est divisée en deux parties horizontales. La partie supérieure contient un vidéo et les boutons. La partie inférieure contient du texte. La composition de la page et baser sur des formes rectangulaires. Le blanc domine dans cette page. Mais aussi le rouge est utilisé dans le logo ainsi le bleu le jaune le vert l’orangé et le rouge sont utilisées pour les liens. La typographie est de type standard. Le logo est de type symbolique. Il est représenté par un cercle rouge avec les deux premières lettres du mot art numérique en majuscules (AetN).

Les éléments des pages sont bien séparés pour permettre à l’utilisateur de bien naviguer, Les formes rectangulaires rendent l’interface stable. La police est de couleur noir sur un fond blanc pour que le texte soit lisible. Un bon choix pour le logo il peut être mémorisé par l’utilisateur. Chaque page contient un lien vers la page d’accueil. En plus, la présence d’un moteur de recherche aide l’internaute à accéder à l’information qui lui convient plus facilement.

Avantage des choix:

Les couleurs utilisées dans le site sont en harmonie avec les couleurs du logo.

Utilisation de la même structure pour toutes les pages du site.

Le site présente un moteur de recherche interne. Il contient aussi un espace d’inscription à la newsletter.

Gabarit

Mon, 27 Feb 2012 18:49:35 -0500