Ville d'Onex

6ème commune du canton de Genève
Date
2023
Type
Site
Voir le site
Onex Web

Vue d'ensemble

La Commune d'Onex nous fait confiance. Pour la 2ème fois!

10 ans après la première réalisation du site de la Ville, nous avons eu la chance d'accompagner notre client, pour la 2ème fois, dans une nouvelle aventure digitale. Un partenariat de longue date basé sur la confiance, l'écoute et la réactivité.

Le site est basé sur la dernière génération de notre CMS AllInOne et permet une gestion complète et autonome par le client. Un système de blocs assure une flexibilité accrue dans la gestion et la présentation des contenus. De conception modulaire, notre solution permet de couvrir une large gamme de prestations et outils pour les communes.

Ce que nous avons fait
Concept Structure de l'information
Webdesign Design system, UI / UX, Figma
Front Vue 2, Nuxt 2, Tailwind
Back AIO V3 Headless

Challenge

Un projet complet comme celui de Onex regorge 
de challenges !

Simplifier l'accès aux informations pour les citoyens tout en offrant des outils simples et faciles à prendre en main pour la gestion au quotidien

Structurer l'information et son organisation puis déployer et configurer les outils adéquats, toujours en restant à l'écoute des besoins du client et en conservant l'objectif final : la satisfaction des utilisateurs finaux.

Notre étroite collaboration avec Onex nous a permis de comprendre pleinement leurs besoins et objectifs de communication afin de réaliser un site web qui respecte leur identité et leur offre une présence en ligne de qualité.

Onex Mockup laptop
Onex Screen
Onex logo

Application

L’univers Onex 
dans votre poche

Dans le cadre de la refonte de ses outils de communication, la ville a fait le choix, dès le lancement du projet, de développer une application mobile dédiée. L’objectif : renforcer le lien de proximité avec les habitants en leur offrant un accès direct aux informations essentielles de la commune.

L’application se distingue notamment par son système avancé de notifications personnalisées. Chaque utilisateur peut s’abonner aux thématiques qui l’intéressent (par type et par catégorie), afin de recevoir uniquement les informations pertinentes selon ses préférences — et ainsi 
ne manquer aucun message important.

Onex app, mockup

Méthodologie

Au plus près des besoins de nos clients.

Lorem ipsum dolor sit amet consectetur. Vitae cursus ac etiam orci lobortis ultrices tempus ut viverra. Quis volutpat lorem lectus nisl tortor turpis. Amet arcu diam at fermentum penatibus tortor vivamus ullamcorper. 

Lorem ipsum dolor sit amet consectetur. Vitae cursus ac etiam orci lobortis ultrices tempus ut viverra. 

Onex ambiance
Design
Interactivité
Accessibilité

Couleurs

Les couleurs ont été sélectionnées afin de permettre l'identification des différentes sections du site et de rendre l'expérience cohérente pour les utilisateurs. 

Couleur primaire #4F7B6A
Section Se déplacer #899957
Section Grandir #EABF28
Section Travailler #EEA148
Section Aide #FA434B

Références typographique

Les polices de caractères ont été sélectionnées de concert avec notre client afin d’assurer une excellente lisibilité tout en conférant un aspect moderne et agréable sur le site.

Onex typo 1
Onex typo 2

Design system

Une identité forte et un style déclinable à travers toute l’application

La création d’un Design System pour ce projet représente une étape importante dans la construction d’une identité visuelle forte. Il s’agit d’un ensemble de principes, de règles et de ressources graphiques, utilisées pour créer et maintenir une harmonie visuelle à travers toutes les déclinaisons.

Image
Vous aimez ce projet?

Merci de
votre attention!

Découvrez nos autres réalisations

Depuis plus de 23 ans, iomedia a réalisé plus de 350 projets dont nous sommes très fiers.