DEZIGNERS

Taches réalises

Création de la nouvelle identité graphique et la construction du site internet tout en passant par l 'UX et UI via figma

Solutions mise en oeuvre

  1. Audit et repositionnement de la charte graphique
    – Analyse de l’existant et définition d’une nouvelle palette de couleurs, typographies et éléments visuels alignés sur la marque.
  2. Création des moodboards et guidelines UX/UI
    – Conception de planches d’inspiration et rédaction d’un guide de styles détaillant marges, espacements, contrastes et hiérarchies visuelles.
  3. Conception des parcours utilisateurs (UX)
    – Élaboration de user flows, wireframes basse fidélité et cartographie des interactions clés pour optimiser la navigation et la conversion.
  4. Design d’interfaces haute fidélité (UI)
    – Réalisation de maquettes finales pour desktop & mobile intégrant la nouvelle charte graphique, icônes et composants réutilisables.
  5. Développement structurel sous Webflow
    – Mise en place du squelette de pages (templates, sections globales, symboles) dans l’éditeur Webflow pour une maintenance facilitée.
  6. Intégration du système de gestion de contenu (CMS)
    – Configuration des collections Webflow (articles, témoignages, produits…) et création de modèles dynamiques.
  7. Ajout de custom code & micro-interactions
    – Implémentation de JavaScript/CSS personnalisés pour animations au scroll, modales sur mesure et comportements avancés.
  8. Optimisation responsive & performance
    – Ajustements breakpoints, compression d’images, lazy-loading et minification pour garantir un affichage fluide sur tous les appareils.
  9. Configuration du domaine & hébergement
    – Achat et paramétrage DNS du domaine EasyFormers, liaison avec Webflow Hosting et mise en place du SSL.
  10. Tests finaux & mise en ligne
    – Vérifications cross-browser, validation SEO de base (balises, meta, sitemaps), tests de formulaire, puis publication et monitoring post-lancement.

Eléments additionnels

  1. Format et encodage
    Vidéo au format MP4, encodée en H.264 pour la vidéo et AAC pour l’audio (typique des spots web).
  2. Dimensions et fréquence d’images
    Résolution Full HD 1920 × 1080 px à 25 images par seconde, offrant une diffusion fluide et adaptée au streaming.
  3. Durée totale
    Le spot dure environ 33,6 secondes, une longueur idéale pour capter l’attention sans lasser.
  4. Introduction & logo
    Ouverture sur un fondu-in du logotype “Dezigners” sur fond uni, qui pose immédiatement l’identité de la marque.
  5. Charte graphique animée
    Utilisation cohérente des formes et des couleurs de la nouvelle charte – typographies sans-sérif modernes, blocs colorés et icônes stylisées.
  6. Mise en scène UX/UI
    Séquences successives présentant des écrans d’interface (wireframes et maquettes Webflow) avec transitions slide-in et micro-interactions simulées.
  7. Motion design & transitions
    Animations fluides (glissements, zooms, masques) synchronisées au rythme de la bande-son pour dynamiser le récit visuel.
  8. Bande-son & habillage sonore
    Fond musical énergique (style électro-pop léger), ponctué d’effets sonores discrets lors de l’apparition des éléments clés (boutons, modales).
  9. Appel à l’action & contact
    Dans les dernières secondes, un bouton “Contactez-nous” animé apparaît, renforcé par un slogan chiffré (“+30 % de conversion”) pour inciter au clic.
  10. Outro & détails techniques
    Fermeture par un logo “Dezigners” animé avec un léger effet de glow, puis halte sur l’URL du domaine hébergé (easyformers.com), conclu par un fondu-out audiovisuel.
Voir le projet
Voir le projet

NEXT

photo de la description du projet
EASYFORMERS
Découvrez tout notre processus créatif qui nous a permis de parvenir à ce résultat
Voir le projet
Voir le projet
photo de la description du projet
ANGEL
Découvrez les coulisses de comment nous avons crée l'affiche pour la ré-édition du parfum Angel en vidéo
Voir le projet
Voir le projet
photo de la description du projet
MuZik
Explorez un exemple de notre utilisation de Figma à travers cette maquette interactive conçue pour l'application MuZik.
Voir le projet
Voir le projet