Diaa Al Hariri

L’Antenne Étang est une initiative citoyenne née au cœur du nouveau quartier de l’Étang à Vernier. Elle propose un espace créatif, inclusif et solidaire permettant aux habitants de toutes les cultures et générations de se rencontrer, de s’exprimer et de développer des projets communs. J’ai conçu l’ensemble du site afin de présenter clairement la vision de l’association, valoriser ses activités et faciliter l’accès à ses différents contenus. La plateforme réunit notamment les podcasts, les vidéos, les actualités, la newsletter et les informations pratiques de l’association.

Travail réalisé

• Conception de la structure générale du site.
• Organisation de la navigation et des contenus.
• Création des pages de présentation de l’association.
• Mise en valeur des podcasts, vidéos et contenus multimédias.
• Intégration de la newsletter, des réseaux sociaux et des informations pratiques.
• Mise en place d’un sélecteur de langue.
• Adaptation de l’expérience aux différents formats d’écran.

Sections

• Accueil
• Qui sommes-nous
• Podcast
• Vidéo
• Newsletter
• Contact

Le site offre à L’Antenne Étang une présence numérique claire et cohérente avec son identité. Il permet à l’association de présenter son projet, de diffuser ses productions multimédias et de renforcer le lien avec les habitants du quartier.

Le Bateau Lavoir est un restaurant-bistro social installé à la Jonction, au bord du Rhône. Porté par l’Astural, une fondation genevoise active depuis 1955, le projet réunit sous un même toit flottant un restaurant professionnel, un lieu de rencontre ouvert sur le quartier et un programme de formation aux métiers de la restauration. Chaque année, des jeunes en parcours de réinsertion peuvent y acquérir une expérience professionnelle avec l’accompagnement de l’Astural et de ses partenaires. J’ai assuré le développement et l’intégration du site à partir des maquettes UX/UI fournies. L’objectif était de transposer fidèlement cette direction créative en une expérience web fluide, structurée et adaptée aux différents formats d’écran.

Travail réalisé

• Développement du site à partir des maquettes UX/UI.
• Intégration fidèle de la direction artistique et de la mise en page.
• Création d’une navigation fluide entre les différentes sections.
• Développement d’une page d’accueil au format éditorial et immersif.
• Intégration du compte à rebours précédant l’ouverture.
• Mise en page du menu et des plats de la semaine.
• Présentation des horaires et des informations pratiques.
• Intégration de l’agenda et des événements.
• Mise en valeur du projet social et de ses partenaires.
• Présentation des offres d’after-work et de privatisation.
• Intégration des appels à l’action pour la réservation.
• Adaptation responsive aux différents formats d’écran.

Fonctionnalités

• Navigation interne entre les sections.
• Compte à rebours avant l’ouverture.
• Présentation du plat du jour et du menu hebdomadaire.
• Agenda des événements.
• Informations sur les horaires et services.
• Présentation du programme de réinsertion.
• Accès aux réservations.
• Présentation des possibilités de privatisation.
• Coordonnées, adresse et liens sociaux.

Sections

• Accueil
• Menu
• Agenda
• Le projet
• After-work
• Privatiser
• Réserver
• Contact

Le site transforme les maquettes UX/UI en une expérience web originale, responsive et cohérente avec l’identité du Bateau Lavoir. Il permet de présenter le restaurant, sa programmation et son engagement social au sein d’un parcours narratif inspiré par le Rhône, la navigation et l’histoire du lieu.