Blog d'un webdesigner freelance : logeen

Création de sites internet dans le 06 en freelance.

Follow me on TwitterFlux RSS

  • Accueil
  • À propos
  • Portfolio
  • Demande de devis
ancien-site-american-dream

relooking site internet restaurant Paris

8/01/11

Posté par logeen dans design graphique

4 commentaires

Après une longue absence de posts, principalement du fait que j’ai énormément de travail à faire en ce moment, me revoici pour vous présenter quelques travaux récents ou plus anciens.
J’ai récemment réalisé la refonte graphique d’un restaurant parisien établi depuis plus de 20 ans : l’American Dream.

L’American Dream, qui se trouve dans le quartier de l’Opéra à Paris, est vraiment un lieu hors norme avec une ambiance incroyable fait par; et pour les amoureux des USA. La décoration intérieure est faites de centaine d’objets à la gloire de l’Amérique « vintage », un assemblage de trouvailles insolites au service d’une cuisine US authentique et des show Strip Tease à l’étage.

Le nouveau design du site devait refléter cette ambiance « clinquante », hétéroclite et très « Broadway ».

Je suis donc parti du site précédent, dont je vous laisse juger la qualité graphique, digne des meilleures productions web des années 90.

Ancien design du site


Et j’ai donc réalisé un nouveau design.

Nouveau design du site


Ce design a été validé par les responsables du restaurant et le site est actuellement en cours de finition et donc offline.

N’hésitez pas à laisser vos commentaires ci dessous.

nb : La taille des images étant réduite d’environ 80 %, vous pouvez cliquer sur les les images pour voir les sites dans leur vraies proportions. 

Vous pouvez également voir un aperçu plus complet de tous les sites réalisés en cliquant ici

  •  
  •  
  •  
  •  
Get Shareaholic
06, freelance, logeen, relooking site internet, site internet, web, webdesign, webdesigner

Version du blog optimisée pour Iphone et Ipad

18/06/10

Posté par logeen dans divers

2 commentaires

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.

  •  
  •  
  •  
  •  
Get Shareaholic
06, blog, freelance, iphone ipad optimisation, logeen, site internet, webdesign
carte de visite métal logeen

Carte de visite en métal Logeen

17/06/10

Posté par logeen dans carte de visite métal

10 commentaires

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 :

carte de visite métal logeen

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 (!!)…

  •  
  •  
  •  
  •  
Get Shareaholic
06, carte de visite, creation, freelance, logeen, metal, webdesign
seih-ancien-site

Relooking d’un site internet technique 06

17/06/10

Posté par logeen dans Non classé

1 commentaire

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

 

  •  
  •  
  •  
  •  
Get Shareaholic
creation, freelance, logeen, relooking, site internet, webdesign, webdesigner
Ancienne version du site

Relooking et refonte site internet gastronomie 06

10/05/10

Posté par logeen dans relooking site internet

Aucun commentaire

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

Ancienne version du site

La nouvelle version

Nouvelle version du design

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

pain-epice-2

  •  
  •  
  •  
  •  
Get Shareaholic
Ajouter un mot-clef, creation site internet 06, refonte site internet, relookage site internet, relooking site internet, webdesign

Motion design freelance : After Effect particular et Flash

9/02/10

Posté par logeen dans animation web

3 commentaires

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.

  •  
  •  
  •  
  •  
Get Shareaholic
06, animation, creation, flash, freelance, logeen, site internet, web, webdesign, webdesigner
Capture d’écran 2010-01-29 à 11.45.05

Processus de création d’une newsletter beauté

1/02/10

Posté par logeen dans design graphique

2 commentaires

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 :

newsletter-anti-age2

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.

newsletter-anti-age4

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 ».

newsletter-anti-age7

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.

  •  
  •  
  •  
  •  
Get Shareaholic
Ajouter un mot-clef, beauté, création emailing, emailing, newsletter, vente privée, webdesign
Page d'accueil du site Japanese Bistro

Création site internet restaurant à Paris

27/01/10

Posté par logeen dans webdesign

Aucun commentaire

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.

Le site du Japanese Bistro


  •  
  •  
  •  
  •  
Get Shareaholic
Ajouter un mot-clef, création site internet, freelance, japonais, sushis, webdesign
creation-site-internet-carros-defi-eco

Création site internet carros: defi eco

7/09/09

Posté par logeen dans webdesign

Aucun commentaire

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/

  •  
  •  
  •  
  •  
Get Shareaholic
Ajouter un mot-clef, Carros, création site internet, véhicules électriques, webdesign
décoration_nouveau_bureau

Nouveau bureau !

1/09/09

Posté par logeen dans logeen story

2 commentaires

décoration_nouveau_bureau
24-design-bureau
23-design-bureau

22-design-bureau
bureau webdesigner freelance antibes
26-design-bureau

27-design-bureau
28-design-bureau

  •  
  •  
  •  
  •  
Get Shareaholic
06, création site internet, design, freelance, logeen, nouveau bureaux
«1234»
previous next
    • Parlez avec moi en direct !


      Live Chat Software for Website

      Comm100 Products:

      •  
      • Customer Service Software
      • Live Chat Software
      • Knowledge Base Software
      • Forum Software
      • Email Marketing Software
      • Email Management Software
    • Mes derniers tweets

      Chargement des twitts...
      Suivez moi sur Twitter !