# Fang Studio · Design de site

> Un site dessiné pour votre marque et pour l'écran, puis développé sur mesure. Il est rapide sur mobile, accessible à tous et indexable dès sa mise en ligne.

## Utilité

Vos clients se servent de votre site comme d'un outil, souvent sur un téléphone, souvent pressés. Un choix de design se mesure au temps qu'il leur fait gagner ou perdre.

La lenteur et la confusion ont presque toujours des causes précises : du code chargé pour rien, des animations qui passent devant le texte, des maquettes dessinées sur de faux textes, un formulaire dont personne n'a prévu l'erreur. Elles se règlent avant la mise en ligne, à condition de les chercher.

Je mesure trois seuils avec les outils de Google avant la mise en ligne : le contenu principal affiché en moins de 2,5 s sur mobile, l'accessibilité au niveau [WCAG 2.2 AA](https://eye-able.com/fr/blog/wcag-a-aa-aaa) et un SEO technique à 100/100 sur Lighthouse. Les pages, les liens et les formulaires sont testés sur les navigateurs et appareils courants.

Après la mise en ligne, votre équipe modifie textes, images et pages dans le CMS, avec un manuel et des vidéos de formation. Pendant 30 jours, je corrige gratuitement tout défaut technique qui m'est imputable, et le code source vous est remis avec sa documentation.

## Déroulé

1. **Direction artistique** : Je présente des pistes qui couvrent typographie, couleur, image, mise en page et animation. Chacune part de votre identité et de la stratégie du site, et montre comment la marque se comporte à l'écran : au défilement, au survol, sur un téléphone. Vous choisissez sur des extraits de vos futures pages. La piste validée sert ensuite de référence pour tous les écrans.
2. **Design des pages** : La page d'accueil vient en premier, parce qu'elle donne le ton. Une fois validée, je construis le système de design (composants, espacements, hiérarchie des textes), puis toutes les pages, en version mobile et ordinateur. Les maquettes sont faites dans Figma avec les textes définitifs, et vous les commentez écran par écran. Je dessine aussi les états souvent oubliés : menu ouvert, formulaire en erreur, page introuvable.
3. **Développement sur mesure** : Le site est écrit en React pour votre projet, et ses animations sont faites avec GSAP. Le code contient uniquement ce que le site utilise, d'où des pages légères. Les animations accompagnent la lecture, et s'effacent pour les visiteurs qui ont réduit les mouvements dans leurs réglages.
4. **Contenus modifiables** : Un CMS permet à votre équipe de modifier textes, images et pages depuis une interface d'édition. Les contenus sont découpés en sections réutilisables : une nouvelle page se compose avec des blocs déjà dessinés et garde l'allure du site. Vous recevez un manuel et des vidéos de formation centrés sur vos usages réels : publier une actualité, changer une photo, créer une page.
5. **Contrôles et mise en ligne** : Les pages, les liens et les formulaires sont testés sur les navigateurs et appareils courants. Avant la mise en ligne, trois seuils sont vérifiés avec les outils de Google : contenu principal affiché en moins de 2,5 s sur mobile (LCP), accessibilité WCAG 2.2 AA, SEO technique à 100/100 sur Lighthouse. Je prépare aussi le lancement lui-même : nom de domaine, redirection des anciennes adresses si un site existait, déclaration aux moteurs de recherche.

## En pratique

- **Un visiteur sur son téléphone** : Le contenu principal s'affiche en moins de 2,5 secondes sur mobile, le seuil « bon » des Core Web Vitals de Google.
- **Une personne qui navigue au clavier** : Elle atteint les liens et les boutons dans l'ordre et voit toujours où elle se trouve. Un lecteur d'écran décrit les images et les champs. C'est le niveau WCAG 2.2 AA, exigé par l'European Accessibility Act.
- **Une nouvelle offre à publier** : Votre équipe crée la page elle-même dans le CMS, avec les sections existantes, et la mise en page reste cohérente avec le reste du site.

## Questions fréquentes

**Faut-il d'abord une identité de marque ?**
Le site s'appuie sur un logo, des couleurs et des typographies. Si votre identité existe et fonctionne à l'écran, je pars d'elle. Sinon, la formule Au projet réunit identité et site sur mesure, avec une seule mise en ligne.

**Combien de temps, et à quel prix ?**
La formule Au projet, qui réunit identité et site sur mesure, prend en général 10 à 14 semaines, à partir de 14 000 €. Acompte de 40 % à la signature, solde à la livraison. Le prix exact dépend du périmètre, fixé au devis.

**Pourrons-nous modifier le site nous-mêmes ?**
Oui. Le CMS couvre les textes, les images et les pages, et le manuel comme les vidéos de formation montrent comment faire. Pour une nouvelle fonctionnalité, les forfaits d'accompagnement prennent le relais.

**Que se passe-t-il après la mise en ligne ?**
Je vous accompagne activement pendant 90 jours, et pendant les 30 premiers, tout défaut technique qui m'est imputable est corrigé gratuitement. Ensuite, trois forfaits sur devis prennent le relais : Maintenance, Évolution et Croissance.

**À qui appartient le site ?**
Une fois le projet entièrement payé, les droits d'exploitation du site vous sont cédés pour l'usage prévu au devis. Vous recevez le code source et sa documentation de déploiement.

## Démarrer

Contact : contact@fangstudio.fr · /contact