Soon Architecture

Projet pro • Développement

Développement du site web réalisé en collaboration avec l'Agence iStudio, spécialisée en communication globale. Intégration fidèle des maquettes fournies par l'agence, avec un code soigné, performant et livré dans les délais — une collaboration qui a posé les bases d'une relation de travail durable.

Client
Soon Architecture
Rôle
Développeuse Front-End (prestataire agence)
Durée
4 semaines
Année
2025
Aperçu du projet Soon Architecture

Contexte

Soon Architecture est un cabinet d'architecture dont le site web a été confié à l'Agence iStudio pour une refonte complète. J'ai intégré cette collaboration en qualité de développeuse Front-End prestataire, chargée de transposer les maquettes de l'agence en un site fonctionnel, performant et fidèle aux intentions créatives.

Défi

Travailler en mode agence impose une contrainte forte : respecter scrupuleusement les maquettes d'un tiers sans latitude de réinterprétation, tout en livrant un code propre, maintenable et dans un délai serré. La coordination avec les équipes iStudio demandait une communication fluide et réactive.

Solution

Mise en place d'un workflow collaboratif clair dès le départ : points réguliers avec l'agence et livraisons intermédiaires pour valider chaque étape. Le développement s'est appuyé sur les spécifications Figma fournies par iStudio pour garantir un rendu pixel-perfect.

// Process

Déroulement du projet

  1. Prise en main des maquettes

    Analyse des fichiers Figma fournis par l'agence, réunion de cadrage avec les équipes iStudio pour clarifier les spécifications et les contraintes techniques.

  2. Développement des composants

    Intégration des éléments d'interface page par page, en stricte conformité avec les maquettes : typographie, espacements, animations et comportements responsive.

  3. Intégration & tests

    Intégration des contenus fournis par l'agence et validation du rendu sur différents appareils pour garantir une expérience utilisateur optimale.

  4. Recettage & corrections

    Tests cross-browser et cross-device, remontée des retours de l'agence et correction des écarts avant validation finale.

// Stack

Stack technique

// Résultats

Ce qui a été livré