Une flopée de design

design-sbo.jpg

Sites réalisés entre 2010 et 2011 pour le compte de St. Barths Online.

St. Barths Online

sbo.jpg

www.st-barths.com

Il s'agit du premier portail touristique de l'île de Saint-Barhtèlemy. Premier site sur St-Barth créé en 1996, il est regardé par 63,000 visitors du monde entier chaque mois.

Technologies: Apache, PHP 5.2, MySQL, Ajax, jQuery, CSS 3, RSS, intégration sociale (Facebook & Twitter), version mobile par détection automatique (responsive layout), URL Rewritting, support multi-langue, optimisations SEO, profiling, moteur de recherche interne...

jDocumentary.com

jdocumentary.jpg

jdocumentary.com

J'ai réalisé ce site web en 2011 pour promouvoir et héberger mon projet jDocumentary, une librairie Javascript permettant de réaliser des Web-Documentaires. Pour plus de détais, voyez la page du projet.

Technologies: PHP, Apache, URL Rewritting, support multi-langues, Javascript & jQuery, Twitter API

Un accent particulier a été mis sur le côté SEO (Search Engine Optimization) ce qui a donné de très bons résultats en très peu de temps.

jdocumentary-google.jpg

[PHP] Relative date time : afficher une date comme Facebook ou Gmail

Voici un petit bout de code pour afficher une date à la manière "sociale" :

  • 3 seconds ago
  • 1 minute and 38 seconds ago
  • Today at 8:33 am
  • Yesterday at 0:23 pm
  • Last friday at 16:58 pm
  • 4 days ago
  • The 23 april
  • December 17, 2011

Cette fonction permet de spécifier le temps de référence (par défaut l'heure actuelle), et supporte les dates passée ou futures.

Lire la suite...

Intelligent & Responsive UI - Une interface pensée pour l'utilisateur

old_chimi.jpg Il y a peu de temps, on m’a demandé au boulot de réaliser une interface graphique entièrement nouvelle pour un outil de suivi interne. Le délai était très court – il s’agissait d’un projet interne non-rémunéré – mais l’interface devait néanmoins s’adapter à l’affichage sur iPhone.

Parti du constat qu’un site Web beau et simple est plus attrayant qu’une interface moche et basique, et faisant partie des futurs utilisateurs, j’ai voulu faire en sorte que le design et les interactions soient le plus possible optimisés pour une utilisation agréable et rapide. A force de glaner des idées à droite à gauche, notamment sur les réseaux sociaux ou chez Google, je me suis rendu compte qu’une véritable interface graphique optimisée RIA (Rich Internet Application) pouvait intégralement changer son utilisation.

Voici donc une collection de « bonnes pratiques » pour réaliser des interfaces graphiques intelligentes et intuitives, agréables à utiliser et surtout … humaines.

Lire la suite...

page 1 de 2