Archives mensuelles : juin 2014

PRINT DESIGN . graphisme

CRÉATION identité visuelle, graphisme

Participation à un appel d’offre pour la Ville de Bourg-en-Bresse. Cet appel d’offre consistait à créer l’identité visuelle d’un quartier en rénovation. L’objectif était de mieux intégrer le quartier dans la ville et de replacer l’habitant au centre de la réflexion, d’où le choix du découpage et du collage comme axe principal de ce travail. Je voulais en effet montrer, par le biais de ces procédés, que le projet était participatif.

L’intégration d’un élément humain (la main) rappelle la place centrale qu’occupe l’être humain dans ce projet mais aussi le fait que sans lui, le quartier ne serait pas ce qu’il est. J’ai également appliqué ce côté humain à la typographie : les titres principaux sont des crayonnés. Le tout, dans une composition aux couleurs vives pour donner vie au quartier.

création affiche pour Bourg-en-Bresse

création 4x3 pour Bourg-en-Bresse

création dépliant pour Bourg-en-Bresse

création graphique pour Bourg-en-Bresse

webdesign . intégration web

Création site internet – webdesign

Pour le design du site internet de la société Edem électricité, il fallait respecter les contraintes de couleurs mais aussi une ergonomie : la fiche contact dans le header, bien visible, un slider et enfin, en dessous, un menu qui présente les catégories sous forme d’images. De plus, il fallait retrouver un bloc d’actualités sur le côté gauche du site internet.

Le site est administrable. Pour la création de l’univers graphique, j’ai réutilisé le triangle du logo pour en faire un symbole que l’on retrouve sur toutes les pages.

création site internet Edem, webdesigner Lyon

création site internet Edem, webdesigner Lyon

création site internet Edem, webdesigner Lyon

webdesign . développement web

Intégration web – webdesign du site internet

Pyx4 est un logiciel BPM permettant de piloter le système de management qualité d’une entreprise.

Pour l’intégration web ainsi que le développement je me suis appuyé sur la charte graphique déjà en place mais aussi sur la maquette web de la home page. Celle-ci n’avais pas été créé dans le but de référencer le site. J’ai donc dû revoir l’intégralité de celle-ci pour ainsi y intégrer du contenu et de nouvelles pages. Je suis par conséquent, resté dans le style graphique déjà en place : du flat design et est créé et intégré les maquettes des autres pages dans ce style. Le site étant dans une optique de référencement, constante, je suis fréquemment appelé à créé de nouvelles pages pour ce site internet ainsi qu’à réfléchir à différentes ergonomies pour la navigation du site.

Régulièrement, je suis donc amené à créé de nouveaux pictos et à faire évoluer le site.

webdesigner free-lance à lyon, graphiste à lyon

création de site internet à lyon, graphiste free-lance à lyon

webdesigner free-lance à lyon, graphiste à lyon

intégration web Pyx4, intégrateur web à lyon

graphiste à lyon, webdesigner free-lance à lyon

intégration web Pyx4, intégrateur web à lyon

création de site internet responsive, webdesigner free-lance à lyon

webdesign . développement web

Création site internet – webdesign

Refonte du site internet de la Fontaine fleurie, artisan fleuriste situé à Ruy en Isère. Il m’était demandé de faire un site web tout en noir et en niveaux de gris. Pour le webdesign, j’ai donc travaillé sur une image en arrière plan en noir et blanc et en floutant certaines parties pour créer un effet de profondeur. Cette image se trouve sur toutes les pages mais cependant est plus présente sur la page d’accueil du site pour plonger dans l’univers de la boutique.

J’ai également réutilisé la couleur verte du logo pour amener quelques touches de couleur ainsi qu’un peu de dynamisme au site web. Il s’agit d’un site catalogue. J’ai donc intégré un espace administrable dans lequel l’utilisateur pourra consulter les articles régulièrement mis en ligne.

création site internet la fontaine fleurie, webdesigner lyon

création site internet la fontaine fleurie, webdesigner lyon

création site internet la fontaine fleurie, webdesigner lyon

webdesign . E-commerce

Création site internet

La petite aventure est un site de location en ligne d’accessoires de luxe. Pour la création de ce site, j’ai travaillé sur Prestashop. Le but était de créer un site internet qui s’inspire de l’univers du luxe. J’ai donc travaillé sur un aspect clair et épuré que l’on retrouve chez beaucoup de marques de ce genre : des couleurs sobres, claires et une pointe de doré.

Le site est également en responsive pour que les commandes puissent aussi bien s’effectuer sur smartphone que sur tablette.

création site e-commerce, webdesigner à lyon

creation-site-ecommerce-lapetiteaventure

creation-prestashop-lapetiteaventure

creation-boutique-en-ligne-lapetiteaventure

webdesign-site-internet-lapetiteaventure

webdesign . Création site internet . communication globale

Refonte web – webdesign

D&art est une société de décoration d’intérieur dont le site internet nécessitait une refonte fidèle à sa première version. De plus, la gérante souhaitant mettre l’accent sur le référencement naturel, il fallait prévoir la création de plusieurs pages.

Pour cela, j’ai donc repris la charte graphique de base, comme demandé (effets de peinture, couleurs dans des tons gris et turquoise,…) et y ai ajouté une image en plein écran en arrière plan pour illustrer l’activité de la décoratrice. J’ai également utilisé des bulles de couleurs pour dynamiser le noir et blanc ambiant.

création site internet D&art, webdesigner lyon

création site internet D&art, webdesigner lyon

création site internet D&art, webdesigner lyon

création site internet D&art, webdesigner lyon

création catalogue D&ard, graphiste lyon

webdesign . Création de logo . Communication globale

Création site internet – Communication globale

Pour la création graphique des différents visuels des ateliers théâtre de La mise en bouche, j’avais comme objectif de créer un site internet évocateur du nom, qui donne envie.

J’ai donc commencé à travailler sur le logo puis sur un univers graphique global . Le travail sur le logo a défini l’ambiance et le code couleur général du site. Il est basé sur l’illustration d’une bouche en origami. J’ai utilisé le principe du papier plié car il représente le côté très manuel utilisé pour les décors, costumes, etc… inhérent à l’univers théâtral. Une fois le logo validé ainsi que son univers graphique, j’ai travaillé sur plusieurs illustrations en origami pour le site internet mais également pour les supports d’impression : affiche, flyer, …

La création du site internet a découlé du logo : même ambiance colorée, travail sur du décor. Le but était de faire un site internet vivant qui représente l’univers du théâtre. La page d’accueil utilise des effets de parallaxe pour donner ce volume que l’on retrouve dans notre principe de l’origami. J’ai également créé des animations en CSS pour rendre l’univers vivant.

création site internet, webdesigner lyon

création site internet, webdesigner lyon

création site internet, webdesigner lyon

Création de logos, création de carte de visite, graphiste lyon

création flyers, graphiste lyon

Création site internet – Développement web

Intégration web

Pour ce projet, il fallait faire l’intégration web en suivant les maquettes fournies par l’illustratrice Lyonnaise Stef H. Pour cela, j’ai travaillé sur WordPress pour ainsi permettre la mise à jour régulière et facile de son portfolio. Le site n’est pas en responsive design mais, lors de l’intégration web, j’ai fait en sorte que la partie portfolio le soit pour un aspect plus visuel sur tablette et smartphone.

Conseil en ergonomie pour que le site soit très simple d’utilisation et ainsi, que le visiteur puisse naviguer d’une page à une autre très facilement.

création site internet, webdesigner indépendant à lyon

création site internet, webdesigner indépendant à lyon

création site internet, webdesigner indépendant à lyon

création site internet, webdesigner indépendant à lyon

webdesign . branding . print

Création site internet – Créations print

Pour la création du site internet de l’auto-école du Loing, j’ai dans un premier temps travaillé sur des couleurs bleues, en relation avec le Loing (rivière). Puis, pour garder un univers professionnel, j’ai travaillé sur un background uni, pour ne pas avoir trop de couleurs dans le contenu. Côté visuel, je suis parti sur un travail d’illustrations pour renforcer le côté jeune véhiculé par l’auto-école. J’ai également utilisé, lors de l’intégration du site web, des animations en CSS3 pour apporter un aspect vivant au site internet ainsi qu’un slider parallaxe amplifiant ce mouvement. Pour ce slider, j’ai créé plusieurs paysages devant lesquels la voiture passe lorsque les images défilent.

En parallèle, j’ai effectué un travail sur des pictogrammes utilisés pour les supports papier (carte de visite, flyer, …). Pour la création du flyer et des cartes de visite, il fallait garder le visuel principal du site. C’est pour cela que j’ai utilisé ce système de pictos : pour ne pas surcharger le reste des supports d’impression.

création site internet auto-école, webdesign

site-internet-auto-2

création flyer auto-école, graphiste indépendant à lyon

webdesign . Direction Artistique

Création site internet – Direction Artistique

Pour le lancement d’une gamme de produits au niveau national, le groupe Forezia avait besoin de créer un site internet promotionnel.

Pour le webdesign, j’ai travaillé sur une one page utilisant des effets de parallaxe pour raconter ce côté découverte : la page d’accueil du site internet est un voyage qui accompagne Gaspard jusqu’à sa destination. Le visiteur découvre le site web à travers les aventures que vit Gaspard. Le site internet est travaillé dans un univers coloré et joyeux. Pour la présentation du produit, une animation mettant en scène des fruits qui rentrent dans la bouteille, se déclenche au scroll. Celle-ci a pour but de montrer que le produit est naturel.

Pour la page de gamme, un slider a été placé pour que l’on reste dans l’idée du voyage : allez d’un point A à un point B. La création de ce site internet ainsi que son développement ont été fait sur WordPress pour permettre la mise en ligne d’actualités sur la vie de Gaspard. Le site est également intégré en web responsive.

Le développement web et l’intégration ont été réalisés par David Essayan.

création site internet Gaspard

création site internet Gaspard

création site internet Gaspard

création site internet Gaspard

graphisme site web gaspard

site web responsive gaspard