Ma première proposition est inspirée de l'image de son avatar sur un site communautaire. J'ai réutilisé le même artwork en supposant qu'elle aime ce style de personnage. Puisque les participations sont illimitées, je ferai sans doute d'autres propositions avec d'autres personnages. J'ai décliné la bannière en plusieurs couleurs, ne connaissant pas les goûts du jury / potentielle utilisatrice :P

{jcomments on}

Les signatures de forum

Les bannières avaient plusieurs axes :

• Le logo "Asylum" (le nom de la guilde de joueurs) en commun
• La couleur selon le grade du joueur (maître de guilde, officier, membre)
• Le nom du personnage principal du joueur
• La classe du personnage (sorcier, guerrier, rôdeur, etc.)

Le rendu sur fond clair est tout de même moins bon que sur la couleur d'origine du forum (noir).

Logo à l'origine des bannières

Le logo "Asylum" est basé sur la police du jeu Aion. La police n'étant pas disponible, j'ai dû travailler directement à partir des lettres du logo officiel.

Bannière du site et forum

Le logo a ensuite été retravaillé aux couleurs du site/forum (normalement en flash, visible en démo ici) :

Outils utilisés

• Photoshop CS3
• Illustrator CS3
• Flash CS3

Pour ce kit graphique, j'ai voulu sortir du banal "3 colonnes" et ai donc proposé une structure en 2 colonnes sur la page d'accueil, puis en 3 colonnes pour le reste car avec tous les modules utilisables dans PrestaShop, il fallait prévoir si le client souhaitait 3 colonnes (mais il est tout à fait possible de ne garder que 2 colonnes partout).

Aperçus

Outils

• PrestaShop
• Photoshop CS2
• Illustrator CS4
• Notepad++

Notes

• Les articles de la boutique sont principalement ceux de l'installation PrestaShop de base, ils ne correspondent pas. Les autres sont purement fictifs.
• Je ne distribue pas ce thème.

Atragene propose quelques thèmes graphiques pour agrémenter et personnaliser sa boutique. Mon deuxième template est une déclinaison de mon premier template pour PrestaShop. Il est radicalement opposé au premier au niveau des couleurs : il est à dominante sombre, avec un peu de violet. Des couleurs qui correspondent plutôt bien à l'usage destiné : c'est un thème pour boutique gothique ;-)

Aperçus

Live Demo

Le thème est visible en ligne sur le site démo d'Atragene.

Outils

• PrestaShop
• Photoshop CS2
• Illustrator CS4
• Notepad++

Notes

• Les articles de la boutique sont principalement ceux de l'installation PrestaShop de base, ils ne correspondent pas. Les autres sont purement fictifs.
• Je ne distribue pas ce thème, il est cependant disponible sur le site d'Atragene.

Atragene propose quelques thèmes graphiques pour agrémenter et personnaliser sa boutique. J'ai réalisé un premier template assez proche du thème de base dans sa structure (trois colonnes), qui a été baptisé "Thème téléphone" car orienté technologie.

Aperçus

Live Demo

Le thème est visible en ligne sur le site démo d'Atragene.

Déclinaisons

J'ai réalisé également des déclinaisons pour ce thème : tons bleu clair, tons pêche,  tons vert clair et tons dorés. Il existe donc maintenant 5 couleurs pour le thème "telephone" :

Outils

• PrestaShop
• Photoshop CS2
• Illustrator CS4
• Notepad++

Notes

• Les articles de la boutique sont ceux de l'installation PrestaShop de base, ils ne correspondent pas.

• Je ne distribue pas ce thème, il est cependant disponible sur le site d'Atragene.

Bref, voici le design en question, certes ce n'est pas un chef d'œuvre, mais il me fallait faire très vite...

Aperçus

Démo live

Le site est visible en ligne ici : http://ipad.apple.free.fr/

À propos

Mon groupe a choisi l'iPad, une sorte de tablette tactile qui peut stocker/lire des photos, des vidéos, surfer sur Internet... Ne m'en demandez pas plus, je n'ai toujours pas compris le réel intérêt de ce nouveau bébé d'Apple. C'est cher et pour ce que ça permet de faire, je préfère mon PC... À la rigueur je préfère ses petits frères iTouch et iPhone, au moins ils sont plus petits et plus utiles (et plus fiables selon les premières vilaines rumeurs sur l'iPad).

Je ne me suis occupée que du design et un peu de rédaction. La mise en place technique  a été faite par Djoudi Bensid, les articles par Farah El Hadri et Julien Essome.

Outils

Photoshop CS3

C'est le thème de forum que j'ai le plus abouti, bien qu'il me reste les boutons à modifier puisque le logo n'a été fait que récemment. J'aime particulièrement travailler sur les forums phpBB, que je trouve plus faciles à travailler et plus modulables aussi au niveau du code.

Live démo

La bannière est en flash (cf. article sur la bannière d'HEXode), pour voir l'animation et une version en ligne du forum, c'est par ici.

Outils

• PhpBB
• Photoshop CS3
• Illustrator CS3
• Flash CS3
  
• Notepad++

Pour ce site ma tâche a surtout été au niveau réseau (qui m'a forcée à en apprendre beaucoup plus sur Unix), technique (qui a enrichi mes compétences sur Joomla et en PHP) , et graphique (la programmation du jeu et le contenu textuel du site dépendent d'autres personnes du groupe NTGames). Le petit "plus" que j'ai bien aimé c'est de coupler Joomla et PhpBB pour partager certaines tables de la base de données. Le partage se retrouve également dans le design puisque l'identité graphique du projet a été instantanée et forte.

Le design a été fait en rapport avec les trois factions jouables dans le jeu (Diurne, peuple de lumière, Nocturnes, peuple de la nuit, Humanistes, peuple révolté contre les dieux).

Version "Nocturnes" :

Version "Diurnes" :

Version "Humanistes" :

Live démo

Le site est toujours en ligne (bien que déplacé) sur http://ntgames.jworks.fr/nox-populi

Outils

• Joomla
• PhpBB
• JFusion (bridge entre Joomla et PhpBB)
• Photoshop CS3
• Illustrator CS3
• Notepad++

Aperçu

Il était prévu 3 templates pour ce forum mais faute de temps, il n'y a qu'un style pour le forum (3 pour le site, cf. Site Nox Populi)

Voici le design (incomplet, faute de temps) du forum :

Live démo

• Forum de Nox Populi

• Site de Nox Populi
  

Outils

• PhpBB
• Photoshop CS3
• Illustrator CS3
• Notepad++

Le projet de NTGames : Nox Populi (cf. articles sur le site et forum)

Version verte et noire, aux couleurs du logo :

Version verte et blanche

Version qui n'a pas été mise en place faute de temps :

Live demo

Le site est toujours en ligne, bien que le projet ne soit plus d'actualité : ntgames.jworks.fr

À Propos

Pour ce site j'ai dû m'atteler au réseau (ce qui a beaucoup fait apprendre sur Unix), à la technique (enrichissement en PHP), et au graphisme. Je voulais faire une version flash, j'avais déjà réfléchi à comment faire tourner ce gros cube lorsqu'on tourne les pages, mais faute de temps et de moyens (le XML n'est vraiment pas mon fort...) je me suis contentée de mettre en place le design de la version PHP.

Outils

• Photoshp CS3
• Illustrator CS3
• Notepad++