Sandrine Gautheret, conceptrice graphique

Aujourd’hui je vais vous parler du site de Sandrine Gautheret. Ce projet fait partie des mes expérimentations techniques et je préfère vous le dire maintenant, il n’est compatible avec aucune version d’Internet Explorer. Firefox, Opera, Chrome et Safari sont comme des poissons dans l’eau :)

Ici pas de Flash, uniquement du HTML5, CSS3 Javascript et SVG. Une des grosses contraintes était de réaliser un site capable de tourner sur un CD-Rom. Pas grand chose de compliqué vu que ce ne sont que des langages coté client.

Oui mais! Le site devait être entièrement administrable sans que la graphiste doivent entrer dans le code pour changer son contenu. Elle remplie donc des fichiers JSON et suit une architecture de dossiers assez stricte du coup notre ami AJAX fait tout le travail.

  • Conception : 1,5 jours
  • Graphisme : 4 jours
  • Développement : 5,5 jours

Ping-ouh Reel 2010

Ça y est, le Reel 2010 de Julien est en ligne. Sweet Koala au complet se doit d’en faire la promo’ alors c’est avec plaisir que je vous livre la mise en ligne toute fraiche de quelques minutes.

Ping-ouh Reel 2010 from Julien Martorell on Vimeo.

N’hésitez pas à visiter son site et voter pour lui sur reelroulette.net/julienmartorell. C’est du bon et ça fait du bien :)

La Villa Romana, un nouveau site pour la saison d’été

Sweet Koala a conçu et réalisé le nouveau site de la Villa Romana.

Deux objectifs à cette refonte :

  • Véhiculer une meilleure image de marque
  • Récupérer le référencement

Avec l’arrivée d’un Mangusta 80 dans le groupe, la Villa Romana voulait redorer son image de marque et montrer que le web est un media où ils sont présents. Exit donc les galeries de stars aux photos brulées et bienvenue à un style plus sobre, plus classe, plus maitrisé.

L’ancienne version du site était du full Flash et les pages contenaient des mots clés censés tricher avec Google. Ce dernier a donc purement et simplement blacklisté le site. Un gros travail de fond a donc été réalisé pour remonter le site dans l’estime des moteurs de recherches. Le résultat est sans appel avec une progressions du traffic de plus de 650% par rapports à la même période l’année précédente.

Petit teasing ! Une petite surprise a été ajouté et elle présente « Of Villa Romana », le bateau du groupe. Vous saurait prochainement ce qu’on peut faire sur ce bateau avec un site dédié.

Ressources

  • Quentin Garabedian à la direction artistique
  • Nicolas Bages à la conception et au développement

Logos du groupe Villa Romana

Portfolio by Sweet Koala : Ping-ouh & Vahé

Bonjour à tous !

J’aimerais vous présenter les deux derniers sites de Sweet Koala. A la base un projet étudiant pour Ping-ouh et Vahé nos deux graphistes, ces portfolio se sont présentés comme de véritabes défis technique à cause du facteur temps ! Oui au final il aura fallut 4 jours (et/ou nuit ça dépend pour quel membre de l’équipe) pour réaiser ces jouets.

Je vais donc commencer par Vahé et son site: vahe.sweetkoala.net. Notez que cette url n’est que provisoire, le temps que Vahé récupère son serveur et aussi son nom de domaine vahe-graphist.fr

Vahé : vahe.sweetkoala.net

vahe

Réalisation :

  • Vahé : Design et contenu
  • Oceyn : Front-office et player video Flash (AS3 / XML)
  • Spyesx : Back-office (PHP / XML)

Ping-ouh : ping-ouh.com

ping-ouh

Ce site est propusé par Skwopo, le portfolio CMS de Sweet Koala.

Réalisation :

  • Ping-ouh : Design et contenu
  • Oceyn : Player video Flash (AS3)
  • Spyesx : Front-office & back-office (PHP / XML)

CSSTidy : Un parser open source qui optimise vos CSS

CSSTidy est un optimiser open source de CS. Il est multi plates-formes et on peut s’en servir en ligne de commande ou dans un script PHP. Il supporte entièrement le CSS2 par contre je n’ai pas de nouvelles quand au CSS3.

Le site du projet nous montre quelques exemples comme :

Les couleurs comme « black » ou « rgb(0,0,0) » sont converties en #000000 voire même en #000 et certains codes hexa sont remplacés par leurs noms s’ils sont plus courts. Le but ici est donc de produire des fichiers plus légers.

Pourquoi optimiser ?

La question semble logique mais certains site comme spyesx.fr pour ne pas le nommer ont encore 500 fichiers CSS et des codes plus qu’en bordel. Ce qui provoque des temps de chargements affreux et parfois même des redondances. J’étais en train de développer mon propre optimiser lorsque j’ai découvert CSSTidy. D’ailleurs je vous recommande l’extension Firefox nommée YSlow qui vous aidera dans vos développements.

Un petit aperçu

Voilà une feuille CSS brute après les mains d’un intégrateur simple et voici une feuille CSS après un passage à la moulinette par CSSTidy