Aller au contenu
Business Agile
← Réalisations
Web · Éducation et audiovisuel, projet à portée internationale · mai 2017

AWA

Un site mené par la vidéo, pour un projet qui éduque par l'image.

Page d'accueil du site AWA, mosaïque de portraits vidéo

En chiffres

de médias dans la base329 Mo
servies depuis une seule installation2 langues
entre le premier et le dernier commit9 mois

AWA porte une idée simple et difficile à mettre en page : enseigner par l'image. Le site devait donc montrer avant d'expliquer. La page d'accueil est une mosaïque de portraits filmés, tous cadrés de la même manière devant le même mur, qui se lit comme une seule image et se lance comme une seule vidéo.

Le projet en détail

Le reste suit cette logique : une page sur le projet, une page sur sa présence à l'étranger, une page pour celles et ceux qui veulent y travailler, et un contact. Le site est bilingue depuis la bascule de langue de l'en-tête, avec les deux versions servies depuis la même installation.

Techniquement, c'est un WordPress de 2017 bâti sur un thème enfant écrit pour le projet, avec trois cent vingt-neuf mégaoctets de médias, essentiellement des vignettes de vidéos et des photographies de terrain. Cinquante-et-un commits entre septembre 2016 et mai 2017, soit un rythme lent et régulier, au fil des tournages.

La remise en route de ce site a demandé un détour : son thème reposait sur une tournure de PHP 5 devenue une erreur fatale dans les versions suivantes. Il a fallu le servir sur l'interpréteur de son époque pour le revoir tel qu'il était.

Ce qui a été fait

  1. 01

    Page d'accueil en mosaïque de portraits vidéo

  2. 02

    Site bilingue servi depuis une seule installation

  3. 03

    Thème enfant écrit pour le projet

  4. 04

    329 Mo de médias, vignettes vidéo et photographies de terrain

Questions fréquentes

Comment bâtir un site dont le contenu principal est de la vidéo ?

En traitant la vidéo comme la mise en page elle-même, pas comme un encart. Sur AWA, la page d'accueil est une grille de portraits filmés cadrés à l'identique : elle se lit comme une image fixe et se lance comme une vidéo, sans que rien d'autre ne vienne distraire.

Un site bilingue demande-t-il deux sites ?

Non. AWA servait ses deux langues depuis la même installation, avec une bascule dans l'en-tête. C'est le choix le plus économique à maintenir tant que les deux versions disent la même chose.

Autres réalisations

FabArto
fabarto.eu
Web
Ti Kosmeo
tikosmeo.fr
Web
Antiquité Mallarmé
antiquitemallarme.fr
Web
Maison Ozaé
maisonozae.eu
Web
ScienceProtect
scienceprotect.com
IA
Neontology
github.com/ontolocy/neontology
Open source
Pousses & Plantes
Place de marché de plantes
E-commerce
Arbre Agile
Conseil et développement en intelligence artificielle
Web
Groupe BERREBI
Holding et site institutionnel
Web
SNCF
Transport ferroviaire, grand compte
API
Pitchichi
guide.pitchichi.com
App
SNCF DGEX Solutions
Ingénierie ferroviaire, application interne
API
Appétit
Librairie indépendante, livres de cuisine et photographie
Web
Good Day
Média, application mobile grand public
App
Fondation Nestlé France
Fondation d'entreprise, alimentation
Web
DMD Prices
Art, impression sur toile, devis en ligne
Web
IoTBox
Objets connectés, solutions industrielles
Web
PrevenFit
Services aux salles de sport, espace abonné
App
Securicate
Équipement de sécurité, boutique en ligne
E-commerce
WeChamp
Sport, événementiel d'entreprise
Web
Jaco
Veille média, logiciel en abonnement
App
Quizz Paris
Prévention des risques, sensibilisation du public
App
La Gestion en Ligne
Gestion locative, service en ligne
Web
Quotidien Libre
Presse en ligne, quotidien d'information
Web
Ophtalmologie Percy
Santé, hôpital militaire
Web
Flashing Records
Musique, label et programmation d'événements
Web
Apérothérapie
Vins et épicerie fine, vente en ligne
E-commerce
Arnaud CANIZARES
Art contemporain, portfolio d'artiste
Web
TapToSupport
Collecte de dons pour associations
API
24hprojects
Plateforme de livraison de MVP
App
Eco-Actives
Transition écologique et ateliers DIY
E-commerce

Un projet ? Parlons-en cette semaine.

Un brief court, une réponse sous 48 h, une estimation ferme après cadrage.

Décrire mon projet