Création de sites internet dans le 06 en freelance.
Article tagué webdesign
Version du blog optimisée pour Iphone et Ipad
18/06/10
En fervent adepte de la marque à la pomme, je me devais de proposer aux utilisateurs de ces belles machines une version du blog optimisée pour Iphone et Ipad. En tapant l’adresse du blog sur votre Iphone ou votre tablette Mac vous serez désormais automatiquement redirigé vers des version Mac friendly.
Carte de visite en métal Logeen
17/06/10
Dans toutes les entreprises dans lesquelles j’ai travaillé précédemment, je me suis toujours fait la réflexion que les cartes de visites ne faisaient pas preuve d’une grande créativité ni d’originalité. J’ai travaillé deux ans et demi dans le secteur des jeux vidéo sur Paris et lors des salons E3 ou Game Connection à Los Angeles et Lyon il m’arrivait souvent de revenir avec plus de 50 cartes de visites de développeurs ou d’éditeurs différents. J’ai à chaque fois fait le test suivant : j’étalais les 50 cartes sur un bureau et je regardais si l’une d’entre elles sortait du lot. Le verdict a toujours été le même : toutes les cartes se ressemblaient.
Je me suis toujours promis que lorsque je me mettrai à mon compte je ferai réaliser des cartes de visites uniques qui ne laisserait indifférent personne.
Ma première idée était de réaliser des cartes semi humoristiques inspirées des livrets présents dans les avions : mesures d’urgences en cas de chute de l’avion. Je suis toujours sidéré par le style graphique de ces livrets lorsque je les vois, et je pensai faire une carte de visite inspirée de ce concept mais appliquée au webdesign. Et puis j’ai eu une autre idée…
Plutôt que de travailler sur l’aspect graphique, pourquoi ne pas tout simplement utiliser un support qui soit différent des autres ?
J’ai donc décidé de faire fabriquer mes cartes en métal poli et de faire percer le métal avec la forme de mon logo. Après de nombreuses recherches, j’ai trouvé un fournisseur qui a pu me réaliser cet exploit technique; certes pour un prix élevé mais avec un gain en terme d’image indéniable.
Voici donc à quoi ressemble la carte de visite :
Pour des raisons de coûts, j’ai également fait fabriquer des cartes dans une sorte de plastique assez épais, avec un aspect verre dépoli qui donne à ces cartes un aspect assez classe également.
Les cartes en métal Logeen ont été citées par de nombreux sites , et aujourd’hui encore elles figurent dans le top des cartes de visite sur le site creattica.com qui recense les plus belles cartes de visites.
Voici une petite liste des sites qui ont référencé mes cartes de visite en métal :
CREATTICA.COM : la plus grande base de données créative mondiale
http://creattica.com/business-cards/metal-business-card/20691
CARDVIEW.NET
http://cardview.net/gallery/logeen-metal-business-card/120/
BESTBUSINESSCARD.NET
La carte Logeen figure parmi les 20 cartes de visite en métal les plus inspirées.
HONGKIAT.COM
Dans le post des 100 cartes de visites les plus créatives, Logeen apparait en 5 eme position.
Les cartes sont également présentes sur opensourcehunter ; facebook ; designer sandbox ; cardonizer ; carte-de-visite-design.com ; Xcedo ; un site Polonais et même un site Chinois (!!)…
Relooking d’un site internet technique 06
17/06/10
Je suis (encore) en train de réaliser un relooking de site Internet pour la société SEIH basée à Nice. J’ai été contacté par son PDG qui m’a laissé « carte blanche » pour la refonte de leur site Internet avec comme seules consignes de mettre l’emphase sur la technicité de leurs produits et d’utiliser les couleurs bleu / blanc (ou noir) avec des un orange similaire à celui du logo Easy Jet. La société est leader dans le domaine de la recherche de fuites sans casse et propriétaire d’une technologie brevetée et très coûteuse; ces deux aspects n’étant pas mis en valeur sur leur site actuel.
C’est toujours un plaisir de travailler avec un client qui vous fait entièrement confiance que ce soit sur l’approche graphique mais également sur la façon de hiérarchiser les informations.
J’ai donc débuté en récupérant les informations et le logo de l’ancien site qui ressemble à ça :
Ancien site de S.E.I.H
Et j’ai conçu une maquette avec ces 5 objectifs :
- Mettre en avant le coté technique et technologique de l’entreprise.
- Inciter à demander un devis.
- Expliciter les 2 activités de l’entreprise : la recherche de fuite sans casse et la réhabilitation sans casse
- Mettre en avant les prix des prestations, puisqu’ils sont élevés il est nécessaire que les entreprises qui contactent S.E.I.H soient conscientes de la fourchette tarifaire qui va leur être proposée.
- Améliorer le logo existant pour qu’il soit en adéquation avec le nouveau site.
Voici donc les 2 maquettes réalisées pour le nouveau site :
Nouveau design du site SEIH
A noter que j’ai également ajouté un onglet « accès client ». Il s’agit d’une interface PHP sécurisée que je vais développer et qui permettra aux clients de la société de consulter sur le site leurs rapports d’expertise en .PDF.
Le PDG de la société a été très satisfait par cette proposition et l’a validé sans aucune demande de modification.
Le design est actuellement en cours de découpage HTML / FLASH et d’intégration.
UPDATE : site visible sur www.recherches-de-fuite.com
Relooking et refonte site internet gastronomie 06
10/05/10
Relooker un site Internet vieillissant pour proposer une vision remise au gout du jour fait incontestablement partie du genre de missions que je préfère. J’ai récemment était contacté par la société qui fabrique le « Pain d’épices Toussaint ». Il s’agit tout simplement du meilleur pain d’épices Français, il a remporté toutes les médailles des concours gastronomiques, ce qui en fait un produit haut de gamme et très prisé des grands chefs.
Objectifs du client :
- Relooker le site Internet en conservant et en hierarchisant différement le contenu.
- Moderniser l’image véhiculée par le site.
- Conserver la charte graphique.
Ancienne page d’accueil du site
La nouvelle version
La nouvelle approche que j’ai proposé est basée sur les couleurs de la charte graphique mais en modifiant leurs teintes pour qu’elles s’accordent mieux ensemble. J’ai egalement travaillé sur l’ajout de textures pour donner un coté « moelleux » et « terroir » au site. Le ruban rouge reflète le caractère prestigieux du produit en le replaçant dans un contexte de haute gastronomie. Pour appuyer encore plus cet aspect il m’a semblé nécessaire de faire figurer un ensemble de recettes sur la home page afin que le site cible également les particuliers et les restaurateurs voulant proposer une expérience culinaire différente à leurs convives.
La maquette est en phase de validation chez le client.
Après les premiers retours clients, une nouvelle version est fournie incluant les modifications suivantes :
- taille de police plus grande
- jaune identique au jaune du logo
- remplacer la couleur marron par une couleur plus fonçée
- changer la couleur du bandeau rouge en le mettant en doré.
le site est visible sur cette adresse : www.paindepicestoussaint.com
Motion design freelance : After Effect particular et Flash
9/02/10
Pour le site Beautechic.com et en m’inspirant d’un excellent tutorial du non moins excellent site mattrunks.com, j’ai réalisé une animation vidéo After Effect que j’ai ensuite couplée à du Flash.
Les créateurs du site beautechic souhaitent que chaque mois le Flash présent sur leur home page soit « habillé » avec une thématique différente, me laissant carte blanche sur la proposition. Pour la thématique du mois de Fevrier je suis parti sur l’idée de la Saint Valentin, en proposant quelque chose d’assez abstrait et visuel : une explosion de centaines de coeurs, un peu à la manière d’un feu d’artifice.
Réaliser une telle animation dans Flash aurait certes été moins lourd au final mais aurait représenté un véritable travail de titan, à moins bien sur de le coder en AS2 ou AS3, solution vers laquelle j’aurai pu également me tourner. J’ai cependant préféré réaliser l’explosion des coeurs avec After Effect et le superbe plug in Particular 2.
Le résultat est visible ci dessous.
Processus de création d’une newsletter beauté
1/02/10
En parallèle de la création de sites Internet qui reste mon activité principale, je réalise ponctuellement d’autres supports graphiques : newsletters, vidéos, publicités en flash …
Je vais détailler ci dessous les différentes étapes de création d’un emailing pour le site Beautechic qui est spécialisé dans les ventes privées de produits cosmétiques. De la « prise de brief » à la livraison de l’emailing découpé en HTML , le processus de création/validation aura duré 1 jour et demi.
ETAPE 1 : prise de brief
La responsable marketing me fait parvenir le brief suivant :
« Notre prochaine campagne est sur la thématique ANTI-AGE. Elle est composée de produits adaptés aux problématiques Beauté et Santé des Femmes de + de 40 ans (+ un produit Homme mais qui reste un produit à offrir à son mari par exemple)
On reste sur une cible de femmes de + de 40 ans qui prennent soin d’elle et reste féminines.
Nous souhaitons un code de couleurs assez foncé, comme du violet Prune.
Pour ce genre d’offre, il faut une newsletter épurée, sobre et classe. »
Le mail contient également des visuels de produits non détourés et diverses informations tarifaires / textuelles à faire figurer sur le mailing.
ETAPE 2 : CREATION D’UN GABARIT
A partir de ses informations et après détourage des images,je livre un premier gabarit que je conçoit volontairement très sobre et sans fioritures :
Retours client : Ok pour la forme mais souhaite mieux voir les visuels produits, et un peu plus de dynamisme dans la composition.
Je propose alors une nouvelle version qui ajoute les noms des marques pour mieux les reconnaitre et donner le coté dynamique recherché par le client.
Cette version semble convenir … jusqu’au coup de fil du directeur de l’entreprise qui aime beaucoup la forme de base de l’emailing mais souhaite rajouter plus de « paillettes » dans la création. En accord avec lui, je laisse de coté l’aspect « sobre » demandé lors de la prise de brief pour enrichir la newsletter de divers effets lui donnant un coté plus « pétillant ».
ETAPE 3 : DECOUPAGE HTML
Le client étant très satisfait par cette maquette, il me donne sa validation pour la création du gabarit HTML qui partira le jour même dans des centaines de milliers de boites mails.
Création site internet restaurant à Paris
27/01/10
Je viens de finaliser un nouveau site pour le restaurant Japanese Bistro situé près d’Opéra à Paris. Ce restaurant très impressionant propose le meilleur de la culture nippone avec des écrans vidéos incrustés dans les murs, des serveuses avec un look Manga (jupes courtes et chaussettes longues) et de la cuisine allant du Japonais classique à la cuisine au wok.
Le site en HTML et FLASH propose une approche similaire à celle du restaurant, un peu surchargé visuellement mais avec une bonne dose de fun dans les animations et les visuels.
Très satisfait du résultat, le propriétaire du restaurant qui exploite depuis plus de 20 ans des restaurants sur Paris vient de me confier la réalisation d’un autre projet.
Création site internet carros: defi eco
7/09/09
La société Defi m’a récemment contracté pour réaliser un site dédié à la présentation de leurs gammes de véhicules électriques.
Objectifs du brief :
- Fraicheur
- Modernisme
- Facilité d’utilisation
- Charte graphique : en adéquation avec l’aspect « écolo/propre » tout en conservant l’aspect « industriel » propre au métier premier de l’entreprise.
Le site est visible sur : http://www.defieco.com/
