Autre planète

Interactive Design Studio - Paris

Développement Web

Tous les sites que nous réalisons sont optimisés pour être accessibles par le plus grand nombre dans les meilleures conditions possibles et s’appuient sur les technologies et les concepts suivants :

Nous intégrons par exemple dans nos réalisation du html 5... Nous avons toujours cru aux technologies html, css et javascript Open Sources

Responsive Web Design

La notion de Responsive Web Design regroupe les technologies conçues pour s'adapter aux différentes tailles d'écrans et aux différents terminaux permettant d'afficher le site (navigateur, tablette, mobile, télé connectée...). Les pages Responsive délivrent la même information, mais la structure de la page s’adapte automatiquement au terminal utilisé.

web development

Progressive Enhancement

L'amélioration progressive est une méthode de conception web qui met l'accent sur l’accessibilité, la sémantique des balises HTML, les feuilles de style externes et les technologies de JavaScript. L'amélioration progressive utilise des technologies web mises en oeuvre successivement ce qui permet à tous les utilisateurs d'accéder au contenu de base et aux fonctionnalités de la page, en utilisant n'importe quel navigateur, tout en fournissant une version améliorée de la page pour les utilisateurs qui ont un navigateur avancé ou une meilleure bande passante. Cette méthode permet de ne pas niveler les fonctionnalités par le bas sans pour autant exclure les utilisateurs les moins bien équipés. Le site sera donc notamment accessible de fait aux utilisateurs malvoyants équipés de navigateurs spécifiques.

Prototype semi-fonctionnel

De par notre expérience, nous avons établi une méthode de conception où nous intégrons la réalisation d’un prototype fonctionnel, permettant de déterminer et de tester l’ergonomie efficacement et en relation étroite avec le client

1 - Les principaux avantages du propotype
Il permet d'appréhender le site en conditions réelles d'utilisation.
Il supprime l’éventualité de décalage visuel et fonctionnel entre la maquette et le site final (WYSIWYG).
L'ergonomie et la navigation peuvent être testées de façon simple et intuitive par tout type de profil d'utilisateur. Il réduit le temps de réalisation tout en facilitant le travail itératif.
Les tests techniques de chargement et de compatibilité peuvent être réalisés tout au long ce qui réduit d’autant la phase finale de tests.

2 - Une méthode éprouvée
Cette méthode éprouvée nous a permis notamment de concevoir avec une ergonomie utilisateur fiable et performante des sites et des applications mobiles très complexes comme :
les sites de consultation et transaction boursière de LCL, la gamme d’outils LCL à la carte, le site de gestion de compte de télépéage européen et de géolocalisation du groupe Sanef, l’application Fortuneo (iPhone, iPad et Android) et ses évolutions.

Langages de développement

  • PHP 5.3
  • JavaScript
  • HTML 5
  • CSS 3

Frameworks

1 - CakePHP 2.x
Framework PHP respectant le modèle MCV.

2 - jQuery
Librairie JavaScript multinavigateur développé utilisant le modèle de développement en « Design Patterns ».

3 - Twitter Bootstrap
Librairie (CSS, HTML, JavaScript) de conception de site « Responsive ».

4 - AutrePlanete CakePHP / Bootstrap
AutrePlanete CakePHP / Bootstrap est une Librairie Jquery et CakePHP permettant une intégration simplifiée des relations clients / serveur. Cette libraire permet également de gérer le « Touch » sur Webkit (Safari, Chrome) pour iPad et Webkit (Safari, Chrome) iPhone.

5 - Outil de déploiement
Pour optimiser les mises en ligne sur les serveurs, nous utilisons un outil de déploiement (Fabric, SSH et Rsync) qui nous permet d’intervenir sur des sites en production sans impacter la disponibilité des serveurs.

More