Retourner à l accueil
Icon Grip
Ouvrir le menu
Icon Grip
Ouvrir le menu
Iceberg stylisé bleu et gris
 

La Dame Noire, Black Designer

 

Développement d'un siteweb & créations de logos

C'est, en réalité, la version artistique et personnelle de mon activité en tant de Graphiste. Orienté dessins, illustrations, créations manuelles, expérimentations graphiques et dont les thématiques son plus 'underground'. La Dame Noire regroupe toutes les réalisations réalisées au rythme de mes envies au lieu de faire l'objet d'une commande. Ces réalisations cibleront certainement un public plus 'hors du commun. Vous pouvez les retrouver à l'adresse La-Dame-Noire.Com.

Bannière

Aperçu des Logos

Logo standard
Logo pour La Dame Noire
Logo Can Head
Logo pour La Dame Noire - Version 'Spray Can Head'

Principe des logos

Conception des logos

Avec un look totalement opposé à celui d'Elodie Bayet : Auteure Graphique, le logo principal amène déjà un aperçu de l'esprit obscur de l'activité. Le second est une version légèrement évoluée qui me plaisait beaucoup. Il intègre une boite de peinture - tel que les Montana 94 - transformée en crâne. Je me lance petit à petit dans le graffiti, mais surtout dans la customisation d'instruments de musique, de snowboards ou de skateboards.


Siteweb

Page d'index
Aperçu de la page Index - Sélection Linguistique

Le site web La-Dame-Noire.Com

La page “index” donne un premier aperçu graphique avec l'exposition d'une œuvre en dessous du logo. Cette page permet aussi l'accès au site sans la version linguistique la plus adéquate au visiteur : français ou anglais.

On arrive ensuite sur la page d'accueil, où toutes les créations disponibles sur le siteweb sont classées antéchronologiquement, permettant ainsi un accès extrèmement rapide aux dernières créations. Le menu, à gauche liste les différentes catégories du site avec un accès rapide et daté vers la dernière création respective pour : Expression, Graphic Design, Artwork et Motion design. On y retrouve ensuite les traditionnelles pages À propos et Contact

Lorsqu'on entre dans une catégorie, on peut y retrouver toutes les collections ou séries d'œuvres créées par ordre de la plus récente à la plus ancienne. Après sélection d'une collection, on découvre une page entièrement dédiée à la présentation des œuvres de la collection, ainsi qu'une galerie sous forme de pop-up. Un rapide coup d'oeil sur le menu permet de constater qu'on peut naviguer vers la collection précédente ou suivante en un seul clic. Un petit module en fin de page permet également cette navigation simplifiée.

Aperçu du site

Page d accueil du site
Aperçu de la page Accueil - Présentation antéchronologique des dernières créations.
Page À Propos
Aperçu de la page À Propos - Informations

Codage des pages

Développement et programmation

Le siteweb La-Dame-Noire.com a fait l'objet d'un développement manuel. Il est entièrement codé 'à la main. Chaque ligne de HTML, de CSS, chaque programme ou fonction PHP et JS a été tapé manuellement. Un savoir-faire acquis à l'ISL EPS Saint-Laurent et enrichi au cours de mes différentes expériences professionnelles.

L'avantage d'un développement entièrement manuel, c'est de pouvoir alléger le chargement des pages en évitant les ressources sur d'autres serveurs, et construire des fonctions ou des programmes plus précis et plus fluides. Mais ce qui me plait surtout, c'est la possibilité d'avoir un design entièrement unique et exclusif.

Le site est entièrement validé par le W3C au moyen du Système de validation des documents Web en HTML et CSS.

Respect des normes du W3C

Respect des normes w3C

Aperçu des pages

Page Artwork - Guitar Custom
Aperçu d'une page dans 'Artwork' Guitar Custom
Page Expression
Aperçu d'une page dans 'Expression' Fire Staff

Versions Mobiles

Sur smartphone, “phablette” et tablette

Le site est bien entendu compatible pour les supports mobiles et donc entièrement Web responsive. Il a d'ailleurs été développé initialement dans ce but, puisqu'aujourd'hui, les tablettes, les smartphones ou modèles "hybrides", constituent plus des 50% des dispositifs avec lesquels les internautes se connectent et surfent sur Internet. Il est donc plus qu'important d'avoir un site web dont le design et la navigation sont parfaitement optimisés pour des écrans réduits.

Web Responsive

Web Responsive

Aperçu des versions mobiles

Menu sur Smartphone
Aperçu du menu sur Smartphone - 414 x 736 px
Page sur Smartphone
Aperçu d'une page sur Smartphone - 360 x 640 px

Lien

Partager :

Retourner à l accueil
Icon Grip
Ouvrir le menu
Icon Grip
Ouvrir le menu