CRÉER UN SITE RESPONSIVE DESIGN

Site internet. Web App. Nom de domaine. Site mobile. Support 24/7.

14 jours d'essai gratuit. Sans engagement. Sans carte bancaire.


Les Smartphones et les tablettes tactiles sont en train de rattraper les ordinateurs de bureau et les portables comme moyen préféré de navigation sur internet. Il est donc primordial de choisir une solution permettant de créer un site Responsive qui s’affiche de manière optimale sur l’ensemble des écrans.


L’ensemble des thèmes graphiques iPaoo sont donc Responsive Design, pour s’adapter automatiquement à l’ensemble des écrans du marché. Avec des images “flexibles” et des grilles fluides, votre contenu et vos mises en pages sont automatiquement redimensionnés. Images et galeries s'adaptent, les éléments de contenu se réorganisent tout seul pour offrir une expérience utilisateur optimale sur les smartphones, les tablettes et les ordinateurs de bureau.


Liste des Thèmes Responsive : Altair - Atria - AtriaX - AtriaX Light - Chara - Electra - Kuma - Meissa - Mira - Pasta Arc - Pasta Oval - Polaris - Sirius - Sirius Light - Vega - Vega Light

Tous les nouveaux sites bénéficient automatiquement de cette mise à jour. Les sites existant ont juste besoin de ré-appliquer leur thème pour bénéficier du Responsive Design (Configuration > Sélectionner un Thème > Enregistrer). Ceci est valable pour les sites utilisant un thème en stock. Les thèmes sur mesure sont évidemment Responsive eux aussi !


Le Responsive Design iPaoo


Le comportement le plus important que vous pourrez observer concernant le RWD est la transformation du menu principal de votre site. Dans le version mobile celui ci devient plus pratique et plus convivial pour tous les écrans d'une largeur inférieur à 600 px (Smartphone essentiellement)


Responsive design iPaoo - Men,u Principal


Le menu principal, la zone image et les menus secondaires s’adaptent aux différentes tailles d’écran.

Tous les éléments Texte & Images et Formulaires s’adaptent également automatiquement. Les polices de caractère sont optimisées pour une meilleure lecture. Les images, tableaux et lignes horizontales sont re-dimensionnées pour s’adapter à la largeur de l’écran. Les Sections à Onglets de type Tables, les Boutons Call-To-Action et les galeries images sont également re-dimensionnées automatiquement.


Certains éléments sont donc re-dimensionnés tandis que d’autres sont réorganisés. C’est le cas notamment des colonnes de votre mise en page ou des Sections à Onglets de type Colonnes qui sont automatiquement réorganisées les unes en dessous des autres et qui s’adaptent elles aussi à la largeur de l’écran.


Responsive design iPaoo - Sections à Onglets


 Les Sections à Onglets Colonnes sont réorganisées et re-dimensionnées pour une expérience utilisateur optimale.

En utilisant iPaoo pour créer un site, vous profiterez pleinement des nouvelles caractéristiques des thèmes graphiques iPaoo Responsive Design, en utilisant prioritairement les Sections à Onglets, et les options de mise en page par colonnes au lieu des tableaux quand cela est possible. Même si le texte à l’intérieur des tableaux  est mis automatiquement à l’échelle et réorganisé pour utiliser tout l’espace disponible, les colonnes des tableaux ne seront pas réorganisées les unes en dessous des autres comme pour les Sections à Onglet. Voici ci-dessous un exemple concret illustrant la différence entre Sections à Onglet ou mise en page par colonnes et Tableaux.


Responsive design iPaoo - Tableaux


Images et textes sont re-dimensionnés mais la lecture est un peu difficile.

Responsive design iPaoo - Sections


Images et textes sont re-dimensionnés et réorganisés facilitant le lecture.

Spécificité des thèmes Responsive iPaoo


    • Pas de scrollbar horizontal
    • Menu principal vertical (peut être ouvert ou fermé)
    • Zone image masquée
    • Sections à Onglets “Colonnes” et mises en page par colonnes (Options de Pages > Apparance) réorganisées les unes en dessous des autres. Remplissent la largeur de l’écran.
    • Colonnes de gauche et de droite affichées sous le contenu principal dans cet ordre : Contenu Principal, Colonne de Gauche (si existante), Colonne de Droite (si existante)
    • Éléments de Textes & Images et de Formulaires (Images, Tableaux, Lignes Horizontales) re-dimensionnés pour remplir la largeur
    • Galeries images re-dimensionnées pour remplir la largeur
    • Tableaux avec une largeur fixe (en pixels) forcés en auto-largeur. Les tableaux en % conservent leurs dimensions
    • Galeries avec un nombres de colonnes fixées ne sont pas réorganisées
    • Icônes de pied de page (Email, Editer, Imprimer) masqués
    • Transitions d’image et de bouton CTA ne fonctionnent pas (pas d’effet de survol sur les écran tactiles)
    • Responsive design non supporté en vue administration

Applications optimisées pour le Responsive design



Responsive Design et présence internet mobile dédiée


Les conceptions web faisant appel aux technologies RWD sont parfaites pour la majeure partie des sites internet. Elles réduisent considérablement le temps de mises à jour, ne nécessitent qu’une seule URL et offrent une expérience utilisateur optimisée. Mais certains projets web nécessitent une présence mobile dédiée. L’application Page d’Accueil Mobile iPaoo offre la meilleure solution pour les visiteurs ayant des besoins spécifiques de navigation mobile. Elle diminue de manière significative le taux de rebond, assure un temps de chargement ultra-rapide et fournit une interface orientée vers l’action avec des boutons dirigeant sur les pages et le contenu le plus important, tels que l’accès, la prise de rendez-vous en ligne, les heures d’ouverture, contact, plat du jour…