Klungstène

Le projet

Le site de Klungstène constitue lui-même une réalisation. Il devait présenter une activité située au croisement de la finance d’entreprise, de la structuration et du développement d’outils métier, sans réduire cette double compétence à deux offres séparées.

L’objectif était de rendre ce positionnement immédiatement compréhensible, de présenter les situations dans lesquelles Klungstène intervient, d’expliquer sa méthode de travail et de donner accès à des réalisations concrètes avant de faciliter la prise de contact.

Une architecture guidée par les besoins

L’arborescence ne part pas d’un catalogue de prestations, mais des moments où une entreprise a besoin de retrouver de la visibilité : croissance, acquisition, restructuration, transition financière, pilotage ou développement d’un outil métier.

Le parcours relie ensuite ces situations à une méthode en quatre étapes — comprendre, diagnostiquer, construire et transmettre — puis aux projets déjà réalisés. Cette progression permet de présenter l’offre par son usage réel et non par une accumulation de compétences.

Une identité sobre et directe

J’ai conçu l’identité du site autour d’une palette bleu nuit et orange, d’une typographie affirmée et de compositions volontairement aérées. La hiérarchie visuelle donne la priorité aux messages essentiels et accompagne la lecture sur ordinateur comme sur mobile.

Le design, les contenus et les interactions ont été pensés ensemble afin de conserver un ton cohérent sur l’ensemble du parcours.

Un portfolio alimenté par le contenu

Les réalisations sont décrites dans des fichiers YAML et leurs images sont regroupées dans des dossiers dédiés. Cette organisation sépare le contenu de la présentation et permet d’ajouter un projet sans reconstruire les pages à la main.

Chaque fiche dispose de son propre contenu, de ses technologies, de ses informations d’accès et d’un carrousel d’images. Les projets publics peuvent renvoyer vers leur site, tandis que les outils privés sont présentés sans exposer leur accès.

Une réalisation de bout en bout

J’ai assuré seul l’ensemble du projet : positionnement, arborescence, rédaction des contenus, conception du design, développement avec PHP, Symfony, Twig et JavaScript, puis déploiement.

Le site intègre également un formulaire de contact relié à Brevo, une structure responsive, des métadonnées propres aux différentes pages et un sitemap pour faciliter leur indexation.