< Un autre web >

Imaginer et réaliser un site web dont la fonctionnalité, l’expérience et la structure sont autres.

Consigne

Le projet consiste à inventer une expérience en ligne qui ne reproduit pas les usages habituels du web, mais en propose une nouvelle interprétation.
Il peut s’agir d’un site inutile, poétique, critique, absurde ou expérimental ; d’un espace interactif qui détourne les conventions du design ou de la navigation.

L’objectif n’est pas de créer un service “utile” ou une interface ergonomique, mais d’explorer le web comme matière artistique et conceptuelle.
Vous êtes invités à penser la fonction du site comme un geste de création : que fait ce site ? que permet-il ? que révèle-t-il du web, de l’utilisateur, ou de la société numérique ?

Ce projet vous amènera à articuler forme, code et intention dans une approche libre où le design graphique devient une réflexion sur les usages et les imaginaires d’Internet.

“Le web est un matériau comme la toile ou le papier.
Il ne sert pas seulement à communiquer, mais à créer.”
— Adapté de Vuk Ćosić

Atelier Tempête de fonctions !

Objectifs

  • Explorer le web comme médium artistique et non seulement fonctionnel.
  • Expérimenter la forme et la navigation comme langage graphique.
  • Réfléchir à la fonction d’un site web comme geste conceptuel.
  • Développer une approche critique, poétique ou ironique du design numérique.
  • Produire un site fonctionnel et public.

Déroulé du projet (6 semaines – 2h / semaine)

Semaine 1 – Découverte & recherche

  • Introduction au Net Art et présentation d’exemples historiques et contemporains
    (JODI, Olia Lialina, Amalia Ulman, Constant Dullaart, Vuk Ćosić, Addie Wagenknecht…)

Semaine 2 – Scénarisation & maquette

  • Brainstorming collectif : “Quels sites n’existent pas encore ?”
  • Choix du concept individuel ou en binôme.
  • Croquis et wireframes du site.
    > Un wireframe est une maquette structurelle d’un site web : il montre l’architecture, la hiérarchie et la disposition des éléments, avant de travailler la couleur, la typographie ou l’esthétique. C’est un outil de réflexion : on organise l’information, la navigation, les interactions. Exemple de Wireframe -> ici
  • Rédaction d’une courte intention (3 à 5 lignes).

rendu

  1. Un site web fonctionnel et en ligne.
  2. Une courte note d’intention (5 à 10 lignes) expliquant la démarche, le concept et la logique du site.

Outils possibles

  • Code : HTML, CSS, JavaScript, p5.js etc.
  • Design & maquette : Wireframe (papier, inkscape, illustrateur, indesign, html/CSS etc..)
  • Inspiration & veille : Rhizome.org, Netart Anthology, Neocities.org.

Questions pour guider la création

  • Et si le web servait à autre chose qu’à informer, vendre ou communiquer ?
  • Que ressent un site web ? Peut-il rêver, buguer, parler, se souvenir ?
  • Comment détourner une fonction connue (moteur de recherche, chat, carte, réseau social) ?
  • Que devient le “design” quand la logique du site est absurde ou poétique ?
  • Qu’est-ce qu’un site qui ne veut pas fonctionner ?

Pistes d’inspiration

  • JODI – geogoo.net : parodie de Google qui déconstruit la recherche.
  • Olia Lialina – My Boyfriend Came Back from the War : narration hypertexte fragmentée.
  • Gilles Boccon-Gibod – perdu.com : minimalisme ironique.
  • Amalia Ulman – Excellences & Perfections : performance sur les réseaux.
  • Constant Dullaart – The Possibility of an Army : création de faux profils comme geste politique.
  • Vuk Ćosić – Documenta Done : détournement d’un site institutionnel.
  • Addie Wagenknecht – XXXX.XXX : matérialisation poétique des flux de données.

Voir aussi slider -> /slide_net_art/