# Éditeur visuel d'expériences interactives

> Éditeur visuel d'expériences interactives : composez écrans, contenus et logique dans PandaSuite Studio, testez sur téléphone, publiez en web, app ou borne.

https://pandasuite.com/fr/fonctionnalites/editeur-visuel/

Éditeur visuel

## Un éditeur visuel pour les écrans, les contenus et la logique interactive

PandaSuite réunit les écrans, les contenus et la logique interactive dans un même projet. Les équipes créatives y conçoivent, testent et ajustent une expérience, puis la déploient là où elle doit vivre : web, application, borne, hors ligne, installation.

[Créer un compte](https://pandasuite.com/dashboard/register)

[Parler à l'équipe](https://pandasuite.com/fr/nous-contacter/)

[Image : Editeur visuel PandaSuite Studio]

### Glissez, déposez, puis branchez la logique

Dans PandaSuite Studio, vous placez images, textes, vidéos et composants à l'écran, puis vous les reliez par des actions : un toucher ouvre une pop-up, un objet déposé dans un panier change un score, une réponse décide de l'écran suivant.

[Téléchargez gratuitement PandaSuite Studio](https://pandasuite.com/dashboard/download-studio)

[Vidéo : Glissez, déposez, puis branchez la logique]

### Personnalisez chaque pixel et chaque interaction

Couleurs, dégradés, bordures, arrondis et ombres se règlent sur chaque forme et chaque objet. Vos polices, vos images et vos icônes vous suivent. Pour faire bouger ces éléments et les faire réagir au toucher, voyez la page [Interactivité](https://pandasuite.com/fr/fonctionnalites/interactivite/).

**Disposition des éléments**

Réglez votre propre grille (taille des blocs, colonnes, lignes) et aimantez-y les objets, ou laissez-les s'aligner sur les bords et le centre de leurs voisins. Les boutons aligner et répartir font le reste.

**Personnalisation du style**

Modifiez les couleurs, les typographies, les tailles et les styles de chaque élément pour respecter votre charte graphique.

**Intégration facile de vos assets**

Importez vos images, icônes, illustrations et autres éléments graphiques directement dans l’éditeur.

**Polices personnalisées**

Importez vos polices de marque (.otf ou .ttf, dans un ZIP) avec un compte Pro, ou choisissez dans la liste intégrée.

**Icônes et formes vectorielles**

Collez le code SVG d'une icône à un seul tracé : elle devient une forme que vous recolorez et animez. Une icône à plusieurs formes reste nette à toutes les tailles, mais garde ses couleurs. Un jeu d'icônes de navigation gratuit est prêt à l'emploi.

[Image : Un ensemble de projets très différents visuellement]

### Un projet, adapté à chaque écran

Smartphone, tablette, borne interactive ou ordinateur : le même projet s'adapte à chaque écran, une fois que vous lui avez dit comment. En mode responsive, vous décidez écran par écran quels éléments forment un bloc, et comment ce bloc se déplace et se redimensionne. Un changement d'orientation, d'un téléphone en portrait à une tablette en paysage, a son propre layout. Testez sur l'appareil final.

**Responsive design**

Activez le mode responsive, puis réglez la réaction de chaque écran et de chaque conteneur : objets épinglés à un bord, étirés, ou mis à l'échelle sans perdre leurs proportions.

**Gestion des layouts**

Prenez en charge le changement d’orientation en créant des layouts spécifiques pour chaque orientation.

**Flexbox**

Gérez dynamiquement l’affichage du contenu de votre page grâce au composant Flexbox.

> Si on veut des résultats simples, c’est simple. Et plus j’apprends, plus je découvre des fonctionnalités pour aller plus loin.
>
> David Hughes
>
> Responsable adjoint de l’apprentissage numérique, Chester Zoo
>
> [Lire le témoignage de Chester Zoo](https://pandasuite.com/fr/blog/comment-chester-zoo-met-en-scene-ses-projets-de-conservation-avec-pandasuite/)

### PandaSuite : la solution pour tous les créateurs d’expériences interactives

[Image : Une graphiste devant un ordinateur]

#### Graphistes

Donnez vie à vos concepts visuels sans contraintes techniques grâce à PandaSuite, et créez des expériences interactives uniques.

[Image : Une motion designer]

#### Motion designers

Intégrez facilement vos animations pour concevoir des interactions dynamiques et captivantes avec PandaSuite.

[Image : Un développeur]

#### Développeurs

Accélérez la production des projets et développez des composants sur-mesure pour répondre à des besoins spécifiques.

[Image : Un professionnel de la médiation culturelle]

#### Professionnels de la médiation culturelle

Valorisez le patrimoine culturel en créant des supports numériques comme des bornes tactiles et des guides multimedia.

[Image : Un professionnel du marketing et de la communication]

#### Professionnels du marketing

Renforcez votre marque en créant facilement des projet qui captivent votre audience grâce à PandaSuite.

[Image : Une enseignante]

#### Concepteurs pédagogiques et enseignants

Concevez des modules éducatifs interactifs et engageants pour enrichir l’apprentissage de vos élèves

[Image : Un étudiant]

#### Étudiants

Explorez le monde de la création numérique sans coder. Réalisez des projets interactifs pour vos études ou vos projets personnels.

[Image : Une femme entrepreneuse]

#### Entrepreneurs

Développez rapidement des applications interactives pour promouvoir votre entreprise, présenter vos produits ou optimiser vos processus internes.

### Composants : assemblez, synchronisez, construisez

Chaque composant est une brique : une galerie, une carte, un minuteur, une zone de glisser-déposer, une Flexbox. Vous les imbriquez les uns dans les autres et vous les synchronisez, pour qu'une seule action en pilote plusieurs. Quand il en manque un, un développeur peut l'ajouter sous forme de composant personnalisé.

[Découvrir tous les composants](https://docs.pandasuite.com/fr/getting-started/understand-components/)

### Testez sur votre téléphone pendant que vous construisez

Dans Studio, ouvrez le menu Aperçu et scannez le code avec l'appareil photo de votre téléphone : le projet s'ouvre dans PandaSuite Viewer, sur iPhone, iPad ou Android. À chaque sauvegarde, un bandeau vous propose la nouvelle version. Une fois téléchargé, le projet fonctionne aussi hors ligne : pratique pour tester sur place avant que le réseau soit installé.

[Téléchargez gratuitement PandaSuite Viewer](https://pandasuite.com/dashboard/download-viewer)

[Vidéo : Testez sur votre téléphone pendant que vous construisez]

[Image : Des ressources pour vous accompagner à chaque étape]

### Des ressources pour vous accompagner à chaque étape

Nous savons que la grande flexibilité de PandaSuite peut parfois être impressionnante. Mais ne vous inquiétez pas ! Nous sommes là pour vous guider et transformer cette richesse en un véritable atout.

**Tutoriels**

Plongez dans nos tutoriels détaillés pour maîtriser chaque fonctionnalité de PandaSuite pas à pas. [Consulter la documentation](https://docs.pandasuite.com/fr/)

**Vidéos**

Parce qu’une démonstration vaut mieux qu’un long discours, nos vidéos vous montrent comment faire en un clin d’œil. [Voir les vidéos](https://pandasuite.com/fr/videos/)

**Portfolio**

Découvrez les projets innovants réalisés par notre communauté et inspirez-vous-en pour vos propres créations. [Voir les projets](https://pandasuite.com/fr/showcase/)

**Templates**

Gagnez du temps avec nos templates prêts à l’emploi, entièrement personnalisables selon vos besoins. [Voir les templates](https://pandasuite.com/fr/templates/)

**Equipe support**

Notre équipe est là pour vous aider à chaque instant, avec le sourire et une pointe d’humour en prime. [Contacter le support](https://pandasuite.com/fr/contact/)

### Toutes nos fonctionnalités

Découvrez tout ce que vous pouvez faire avec PandaSuite.

#### [Éditeur visuel](https://pandasuite.com/fr/fonctionnalites/editeur-visuel/#)

Créez facilement avec notre éditeur ultra-intuitif.

En savoir plus

#### [Multimédia](https://pandasuite.com/fr/fonctionnalites/multimedia/)

Exploitez vidéos, 3D, audios et 360°.

En savoir plus

#### [Interactivité](https://pandasuite.com/fr/fonctionnalites/interactivite/)

Captivez avec des interactions immersives.

En savoir plus

#### [Localisation & Capteurs](https://pandasuite.com/fr/fonctionnalites/localisation-capteurs-physiques/)

Personnalisez grâce à la géolocalisation et aux capteurs natifs.

En savoir plus

#### [Gamification](https://pandasuite.com/fr/fonctionnalites/gamification/)

Stimulez l’engagement avec des scénarios interactifs.

En savoir plus

#### [Données](https://pandasuite.com/fr/fonctionnalites/donnees/)

Utilisez les données pour des apps plus intelligentes.

En savoir plus

#### [Sécurité](https://pandasuite.com/fr/fonctionnalites/securite/)

Protégez vos apps et données avec nos solutions sécurisées.

En savoir plus

#### [Déploiement Web & Natif](https://pandasuite.com/fr/fonctionnalites/deploiement-web-native/)

Touchez votre audience sur tous les appareils.

En savoir plus