# Concevoir la vitrine digitale d’une association humanitaire engagée

> Site web de Scio Odiseado, association d'aide humanitaire : présenter ses actions, projets et soutiens. Réalisé par l'agence Najumi.

> URL : https://najumi.fr/projet/scio-odiseado/

---

Nous avons accompagné

Scio Odiseado

Développement Front-End

Optimisation SEO

UX UI Design

Support & Maintenance

2020 Scio Odiseado


[Consulter le site web

](https://scio-odiseado.fr/?utm_source=najumi.fr&utm_medium=portfolio&utm_campaign=projet)

![Les filles qui tiennent l'association](https://admin.najumi.fr/uploads/medium_Scio_1_min_a8152be4b0.png?format=webp&width=750&quality=82)

Présentation

## Valoriser un projet à impact international

Scio Odiseado est une association humanitaire engagée dans des actions solidaires à l’international. Son ambition : soutenir des populations vulnérables à travers des initiatives concrètes et des projets de terrain. Pour une association humanitaire, la visibilité est essentielle. Le site web devient un levier de crédibilité, de transparence et de mobilisation. Il doit expliquer les missions, présenter les actions menées et permettre aux visiteurs de comprendre comment s’impliquer.

Nos missions

## Concevoir et développer le site vitrine

Notre accompagnement a inclus :

-   La création des maquettes UI
-   La structuration des contenus
-   Le développement du site web
-   La mise en ligne

![Page d'accueil du site Scio Odiseado sur ordinateur et mobile](https://admin.najumi.fr/uploads/medium_Scio_3_min_0d3566a08a.png?format=webp&width=750&quality=82)

![Page d'accueil sur mobile](https://admin.najumi.fr/uploads/medium_Scio_2_min_573a9bf981.png?format=webp&width=750&quality=82)

Approche stratégique & méthodologie

## Mettre la mission au cœur de l’expérience

Diagnostic & cadrage

• Compréhension des actions humanitaires menées
• Identification des publics cibles (donateurs, bénévoles, partenaires)
• Définition des objectifs du site

Structuration des contenus

• Organisation des missions et projets
• Mise en avant des actions concrètes
• Clarification des appels à engagement
• Construction d’un parcours logique

UX/UI Design

• Interface sobre et crédible
• Hiérarchie visuelle claire
• Valorisation des projets
• Navigation intuitive

Développement & mise en ligne

• Intégration des maquettes
• Responsive design
• Optimisation des performances
• Mise en production

![Gabrielle Gillot](https://admin.najumi.fr/uploads/avatar03_1_0b82371787.png?format=webp&width=512&quality=82)

Une expérience sans faute ! Qualité, réactivité et professionnalisme au rendez-vous. Rien à redire !

Gabrielle Gillot

Fondatrice de Scio Odiseao

![Les filles qui tiennent l'association enjouées](https://admin.najumi.fr/uploads/medium_Scio_4_min_35fc548aeb.png?format=webp&width=750&quality=82)

![Les filles membres de l'association sur France bleu](https://admin.najumi.fr/uploads/medium_Scio_5_min_71d6019c62.png?format=webp&width=750&quality=82)

Outils

## Les outils et technologies utilisés

Figma

Tailwindcss

Google Meet

Google Drive

Livrables

## Ce que nous avons produit

Maquettes

Site web

[

![Ecrans du site vitrine Un Combat Sans Lym'ite](https://admin.najumi.fr/uploads/Lyme_Cover_min_3e360ca807.png?format=webp&width=1280&quality=82)

Projet suivant

## Un Combat Sans Lym'ite

![Ecrans du site vitrine Un Combat Sans Lym'ite](https://admin.najumi.fr/uploads/Lyme_Cover_min_3e360ca807.png?format=webp&width=1280&quality=82)

](https://najumi.fr/projet/un-combat-sans-lymite/)

2 projets disponibles ce mois-ci

## Discutons de votre projet

Réservez 30 minutes avec Mathis. Nous analysons votre situation et nous vous proposons une solution adaptée.

![Avatar de Mathis Haumont](https://najumi.fr/_astro/mathis_linkedin.DzokqiJE_Z1gtodq.png)

30min avec Mathis

Sans engagement

![Bureau de l'agence Najumi à Villeurbanne (Métropole de Lyon)](https://najumi.fr/_astro/contact-min.B43tq0Gr_Zj7Yja.png)