Blog d'un webdesigner freelance : logeen » creation

Réalisation animations flash en freelance pour Mastercard

logeen — Thu, 25 Oct 2012 13:43:12 +0000

Mastercard m’a contacté afin de réaliser des animations en flash. Vous pouvez trouver les animations en question si dessous.

Création site internet évenementiel

logeen — Thu, 25 Oct 2012 13:33:14 +0000

La société Amedida nous a fait confiance pour réaliser son site internet et présenter son activité : voyages de récompenses et séminaires dans des destinations à l’autre bout du monde.

Pour ce site, nous avons réalisé un site internet en full CSS.

Page d’accueil du site :

Exemple d’une page du site : Voyage à Venise

N’hésitez-pas à nous donner votre avis sur ce site !

Note : Le design est terminé et le site en ligne sur : www.amedida.fr

Ce relooking vous a plu ? N’hésitez-pas à faire une demande de devis pour votre site !

Relooking site internet : Alcalux

logeen — Tue, 13 Sep 2011 07:30:32 +0000

Malgré les nombreux travaux en cours, je prends le temps de poster un récent projet pratiquement terminé.
Il s’agit de la refonte graphique d’un site de fabricant de menuiserie en aluminium.

Installée depuis janvier 2011, Alcalux est, dans son secteur d’activité, une des rares entreprises locales à bénéficier de sa propre usine de fabrication.

Le design se devait donc d’être à l’image de l’entreprise :

- épuré.
- simple d’utilisation.
- moderne et aux couleurs sobres.

L’idée du site est d’associer des couleurs proche du métal à des formes représentant l’aspect « découpe » qui le est coeur de métier d’Alcalux.
Voici l’ancienne version du site, et son relooking graphique et technique.

Ancienne version :

Nouvelle version réalisée par Logeen :

N’hésitez-pas à donner votre avis sur ce relooking !

L’intégration html / php est en cours de finition, le site sera en ligne très prochainement.

Ce relooking vous a plu ? N’hésitez-pas à faire une demande de devis pour votre site !

Création site internet freelance agence évenementielle 06

logeen — Sat, 08 Jan 2011 14:02:45 +0000

Après toute une série de relookings de sites internet, je me suis vu confier la mission de réaliser le site Internet d’une société d’événementiel basée dans le 06. J’ai donc réalisé le design ci dessous en me basant sur une charte graphique déjà établie (marron / bleu foncé / blanc / bleu turquoise) et les objectifs suivants définis par le client :

- Site simple, clair, « direct ».
- Pas trop de texte, mais un message véhiculé par l’image.
- Possibilité d’ajouter facilement du contenu (site en PHP).
- Accès direct aux 4 « univers » de l’agence : évenementiel , incentives, voyages et séminaires.

Voici donc le design proposé et validé par les clients.

Et une deuxième déclinaison, puisque la zone centrale en Flash est conçue pour faire défiler des images et des argumentaires.

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

Carte de visite en métal Logeen

logeen — Thu, 17 Jun 2010 14:44:53 +0000

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

logeen — Thu, 17 Jun 2010 13:50:21 +0000

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

Motion design freelance : After Effect particular et Flash

logeen — Tue, 09 Feb 2010 13:09:49 +0000

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.