Aller au contenu

Alveo

Alveo

Le CMS monolithique basé sur des technologies modernes, pour les développeurs de demain

À Propos du projet

Du ProjetÀ Propos

Problème

Ce projet a été conçu pour mon examen de fin d'études. Le sujet devait porter sur la refonte d'un site web. Nous avions le choix pour le sujet, j'ai donc décidé de créer un CMS. J'ai choisi ce sujet parce que j'avais toujours voulu créer mon propre CMS afin de vraiment comprendre comment fonctionne ce type d'outil et aussi pour me challenger. Créer un CMS n'est pas une tâche facile, avant de commencer, j'ai dû faire des recherches sur ce qui avait déjà été fait et comment, en m'inspirant des CMS existants.

Solution

Je souhaitais créer un CMS modulaire à l'aide de technologies modernes. Comme j'utilise beaucoup VueJS et Laravel, j'ai décidé de les utiliser, Laravel pour le backend et Vue pour le frontend. Afin d'avoir une grande modularité dnas mon CMS, j'ai décidé d'utiliser un système de blocs pour construire chaque page. J'ai également implémenté un système de menus, des formulaires, des collections (équivalentes au Custom Post Type de WordPress) et un système de rôles avec une gestion native du référencement naturel (SEO).

Colorimétrie du projet

Du ProjetColorimétrie
  • Cliquer pour copier
  • Maïs (Crayola)
  • Vert Charleston
  • Neige
  • Blanc

En détails

EnDétails

Design

Pour la conception UX/UI, je me suis inspiré de diverses interfaces d'administration que j'ai pu rencontrer. Comme mon sujet était assez spécifique, je me suis également inspiré de divers CMS tels que WordPress, Statamic et Directus. J'ai constitué mon moodboard et j'ai commencé par créer une maquette UX. Une fois satisfait, j'ai commencé à créer mon design. La modularité m'a fait penser à une ruche, d'où le nom « Alveo » inspiré du mot alvéole. Dans cette optique, j'ai décidé d'opter pour une palette de couleurs composée de jaune, de blanc et de gris foncé.

Je voulais que l'interface d'administration reste simple, j'ai donc choisi un nombre minimal d'éléments dans la navigation et proposé une interface minimaliste.

Développement

Pour le développement, j'ai commencé par créer un diagramme de ma base de données afin de pouvoir planifier à l'avance et ne pas me perdre. Une fois fait, j'ai commencé à intégrer des fonctionnalités de base telles que les différents CRUD basiques. Une fois mes fonctionnalités de base bien développées, j'ai commencé à peaufiner mon produit en intégrant le design que j'avais créée dans Figma.

Jury

Fin juin, j'ai pu présenter mon projet devant un jury composé d'une quinzaine de professionnels qui ont analysé mon travail et m'ont posé des questions. La présentation a duré une heure, suivie d'une délibération, à l'issue de laquelle j'ai obtenu une note de 19 sur 20.