Web agency Octave & Octave

Services- Conception, design et technologie,
la matière qui donne vie aux bonnes idées

Notre offre de service

  • Conception

    • Recherche et Benchmark
    • Planning stratégique web & mobile
    • Expérience utilisateur web & mobile
    • Ergonomie web & mobile
    • Gestion & direction de projet
  • Design

    • Architecture d'information web & mobile
    • Identité digitale web & mobile
    • Web design & mobile design
    • Design d'interface web & mobile
    • Style guide web & mobile
  • Technologie

    • Spécifications fonctionnelles & techniques
    • Développement Gestion de Contenu
    • Architecture d'application web & mobile
    • Intégration Systèmes d'Information
    • Développement Centurion CMS
    • Développement TYPO3
    • Développement Flash
 

Methodologie

  1. 1.Découvrir

    Vous écouter, c’est vous comprendre!

    À partir du brief, tout projet commence systématiquement par une étude approfondie de votre situation, capable de faire émerger des objectifs clairs et précis. Cette étape peut vous sembler évidente, mais elle est décisive. Nous sommes d’ailleurs déjà en train de faire connaissance...

    Revue d’éventuelles applications online existantes ou ayant existé et prise en compte du retour d’expérience.
    Livrable: synthèse des points caractéristiques.

    Animation de groupe de travail et interviews d’utilisateurs, afin d’identifier les objectifs, les populations visées et les micro-besoins.
    Livrable: synthèse avec itérations Analyse de la concurrence (acteurs et usages similaires).
    Livrable: synthèse des points forts et faibles pour chaque acteur.

    Identification des typologies d’utilisateurs et des scenarii attendus.
    Livrable: personas & scenarii

  2. 2.Planifier

    Planifier Anticiper votre projet.

    La réussite de votre projet web dépend de la bonne évaluation des priorités, tant en terme de design que de production. C'est pourquoi, avant les applications innovantes et autres lignes de codes, le planning est le premier programme que nous mettons en place.

    Sur la base des synthèses issues de la phase Découvrir, définition des objectifs et priorités. C’est la phase d’arbitrage entre ces trois composantes d’un projet web:
    • Fonctionnalités : nombre et complexité
    • Ressources humaines et/ou financières : allocation par fonctionnalité
    • Planning : inscription du projet dans un calendrier, lotissement
    Livrables: Intentions fonctionnelles, planning prévisionnel de production, budget et ressources associées.

  3. 3.Définir

    Dix post-it valent mieux qu’un long discours...

    Nous avons pour habitude de définir l’arborescence et les story-boards qui recensent en détail chacune des fonctionnalités de votre futur site, à l’aide de post-it et de croquis ! Cette mise en scène inventive permet d’obtenir une vision globale et concrète. Selon nous, il s’agit d’une manière exemplaire de vérifier que le projet répond avec justesse à l’ensemble des objectifs fixés.

    Etablissement de l’arborescence précise du site, cartographiant l’ensemble des pages types du site.
    Livrable: Arborescence du site au format power point.

    Représentation conceptuelle de chaque écran type (story-board), donnant une vision du futur site et justifiant sa pertinence.
    Trois objectifs principaux:
    • Hiérarchiser l’information au sein d’une page
    • Ébaucher les contenus à produire : type et encombrement
    • Présenter l’interaction entre les différentes pages
    Livrable: Story-board au format power point.
    Les spécifications fonctionnelles complètent le story-board et recense le détail de chaque fonctionnalité offerte dans l’application : interactions, règles métiers, options disponibles, séquences…
    Livrable: Cahier de spécifications au format word.

  4. 4.Designer

    Architectes du web

    C’est l’heure du design ! À la croisée des chemins entre création et technique, nous mettons en forme tout ce que nous avons imaginé : identité digitale, interactions entre les utilisateurs et le site, applications, etc. Et parce que la plus complexe des plateformes web n’a de sens que si elle diffuse le bon message, nous assurons la rédaction des libellés des interfaces. À l’issue de cette étape, l’ensemble des écrans types du story-board est décliné.

    Création graphique et conception d’une identité digitale originale ou issue d’une charte groupe.
    Livrable: Écrans graphiques (psd).

    Élaboration et transcription, via un processus itératif, des intéractions entre les utilisateurs et le site. Établissement de règles visant à optimiser l’utilité, la facilité d’usage, l’efficacité, la mémorisation, la convivialité et la fiabilité de l’interface du site.
    Livrable: Écrans graphiques et recueil de bonnes pratiques.

    Définition des libellés génériques de l’interface (wording) : navigation, bouton, interactions, etc.
    Livrable: Version adaptée du story-board au format power point.
    Déclinaison graphique de l’ensemble des écrans types du story-board prenant en compte des règles établies lors des phases précédentes: chartes graphiques, interactions, ergonomie.
    Livrable: Écrans graphiques (psd).

  5. 5.Produire

    Tous à l’action. Oui, vous aussi !

    La phase de production consiste à développer les interfaces et applications, tout en veillant à optimiser le référencement naturel. Lors de cette phase, l’implication du client est primordiale. Elle se traduit par des points d’étape fixes ou par la mise en œuvre de principes inspirés des méthodes agiles.

    Développement de l’interface utilisateur: intégration XHTML des écrans dans le respect des standards d’accessibilité, implémentation et optimisation des interactions Ajax et Flash…
    Livrables: Documents XHTML, feuilles de style, scripts et librairies JavaScript, images découpées.

    Développement de l’application, soit:
    • d’un développement spécifique sur la base d’un framework (Zend Framework, Symfony, CakePHP, Code Igniter, etc)
    • de l’intégration d’une solution CMS (Typo3, Drupal, EZPublish) complétée par des développements spécifiques intégrés répondant aux particularités du projet.
    L’implication du client est primordiale.
    Les développements (d’interface et d’application) sont optimisés pour le référencement naturel (URLs intelligibles, bon usage du XHTML, définition de mots-clés, etc.)

  6. 6.Livrer

    Et voilà le travail.

    Nous livrons et déployons les applications sur l’ensemble des serveurs de production, sans négliger la phase de tests, l’assurance de la qualité et la recette.

    Livraison et déploiement de l’application sur les serveurs de production, ou assistance des équipes chargées de ces opérations. Phases de tests, assurance de la qualité et recette du projet avant mise en ligne définitive.

  7. 7.Evoluer

    Nous formons une équipe.

    Le lancement d’un site web, annonce aussi le début de son optimisation. En vous accompagnant dans la durée, nous avons la possibilité d’évaluer constamment l’efficacité du design et d’améliorer les performances grâce à la prise en compte du retour d’expérience. À ce stade, c’est une certitude, nous formons vraiment une bonne équipe. Alors nous vous passons le relais en assurant la formation de vos administrateurs / contributeurs.

    Formation des utilisateurs (administrateurs, contributeurs) destinataires du projet.
    Suivi et accompagnement sur la durée, avec prise en compte du retour d’expérience.
    Parce qu’il est rare de tout faire en une fois, nous conseillons de conserver de la ressource pour les fréquentes améliorations visant à optimiser au mieux votre projet.

Mag

les sujets qui nous passionnent

Séparer la contribution et la publication

Pour communiquer sur différents supports de diffusion, avec chacun leurs usages, leurs formats et leurs technologies, il est indispensable de penser en terme de contenu et de contenant, de contribution dans un temps et de publication dans un autre temps.

CMS Framework

La simple gestion de contenu ne correspond plus aux usages actuelles. On gère aujourd’hui les contenus et ceux qui les produisent, la création de contenus d’une part et leur publication d’autre part.

L’approche Framework

L’approche Framework a pour point de départ une problématique métier et des utilisateurs et ne propose pas de point de vue générique permettant de développer des plateformes en série.