Prototype de l’application mobile Keytom

Capture vidéo du parcours sur ordinateur :

Capture vidéo du parcours sur téléphone :

Particularités de la réalisation du prototype dans Webflow

• Chaque écran ou étape du prototype a sa propre page. Au départ, je voulais utiliser des animations, diviser le prototype en grands blocs et gérer les petits états dans une même page, par exemple en changeant de diapositives. J’ai essayé, mais ces animations m’ont vraiment compliqué la vie.
• C’est en fait un mini-site, même s’il comporte pas mal de pages.
• J’ai réalisé tous les liens et transitions avec<link rel= »prerender » href= »url »>, pour que le navigateur précharge ces pages et que la transition soit fluide.
• Sur ordinateur, j’ai simplement centré une sorte d’écran de téléphone dans la page, sans m’attarder sur ses proportions exactes. Le résultat reste agréable sur presque toutes les résolutions.
• Sur téléphone, le prototype semble vraiment natif. J’ai ajouté de vrais champs de saisie là où c’était possible et simulé les listes de sélection. Le résultat est franchement top !

Besoin d’un prototype ?

Si vous souhaitez lancer pour votre entreprise un prototype haute fidélité d’application mobile ou web, écrivez-moi à hi@nevskii.me ou contactez-moi sur Telegram @alexander_nevsky

Contact