Site internet - OBNL - Association loi 1901

Catégorie : Web
Secteur d'activité : association loi 1901 - protection de l'enfant - accompagnement des familles
Rôle : développeuse web, graphiste et webdesigner
Contexte : side project (projet parallèle)
Date : 2021

Technologies et logiciels :

ADOBE PHOTOSHOP - ILLUSTRATOR - ADOBE XD - WORDPRESS

À propos du projet
"Les Chouettes Bambinos"

"Les Chouettes Bambinos", est un projet personnel (site de démonstration) imaginé pour les associations qui accompagnent les personnes et familles en difficulté. L'association accompagne les parents dans leur parentalité.

Le défi

Dans ce projet, l'association "Les Chouettes Bambinos" souhaite informer ses adhérents sur son nouveau programme d'accompagnement. L'association souhaite motiver ses adhérents à s'inscrire aux ateliers et aux activités directement en ligne. Ce nouveau procédé faciliterait les inscriptions et permettrait de ce fait, de développer le taux de participation.

Les challenges techniques

Animations

Intégration d’animations avancées (Loader, counter, sliders, boutons call-to-action, animations vectorielles, boutons, animation au hover, map interactive...)

Calendrier-agenda

Intégration d'un agenda, avec inscription en ligne.

Formulaires

Formulaires de contact.

La solution

Conception d'un site avec inscription en ligne.

Travaux réalisés :

Conception du logo et de la charte graphique.
Retouche photo et photomontage.
Création du visuel.
Wireframe, Webdesign (UX et UI), conception du contenu (textes et visuels) et choix des photos.
Développement du site web et des fonctionnalités : formulaire de contact, agenda avec inscription en ligne, caroussel logos des partenaires, site internet compatible avec tous les supports (responsive).
Tests et mise en ligne.
Maintenance et mises à jour.

Les couleurs

J'ai créé une palette de couleurs avec du vert, du rouge et du blanc, pour donner un style naturel et adapté au secteur de la petite enfance.

Nature, espoir
et santé

Passion
et persévérance

Pureté, sagesse, innocence
paix et équilibre

Les polices

Pour la création du logo, j'ai utilisé la police Bungasai pour le nom de l'association et Montserrat pour le slogan. Et pour la conception du site internet, j'ai utilisé Montserrat pour les titres et le corps du texte. Montserrat est classique, intemporelle, elle inspire la sympathie tout en donnant un ton sérieux.

Conception du logo

Création du visuel

Je me suis inspirée des yeux de la chouette pour la création graphique. Et j'ai choisi une image où les enfants jouent ensemble.

Webdesign et développement

J'ai conçu un site internet, qui propose une navigation fluide. Le visiteur est guidé pas à pas, de la présentation de l'association, du nouveau programme, jusqu'à l'inscription aux ateliers. Le site est composé de 5 sections :