Vous êtes dans: Aotopo » Portfolio » Applications » Développement de Web App • Antonio Bernardo

Développement de Web App • Antonio Bernardo

Le joaillier Antonio Bernardo

Le carioca Antonio Bernardo est l’un des joailliers brésiliens les plus reconnus. Il a commencé le chemin de l’orfèvre dans son enfance, en suivant le chemin de son père. Autodidacte, il a construit son propre style et ses créations portent dans ses traits le mouvement et la quête de la perfection.

En 1981, Antonio Bernardo a ouvert son premier magasin au Shopping da Gávea, un quartier noble de la ville de Rio de Janeiro. Aujourd’hui, la marque est présente dans plusieurs régions du monde et accumule, année après année, des récompenses de reconnaissance internationale.

Scope et services

Développement de Web App Carte de Noël.

Lorsque nous avons été contacté pour ce travail par notre partenaire, Casa 6D, l’interface de l’application Web était déjà dessinée et notre rôle était de faire fonctionner la carte animée.

Le rôle du développeur est de transformer les spécifications de la Web app en code, ce qui établit la connexion entre la base de données et la couche visuelle.

Répandez votre désir

La proposition de cette application Web pour Antonio Bernardo était simplement de donner et d’émerveiller ses principaux clients avec quelque chose de beau, par le biais d’une action de Branding.

Voir comment cela sur un téléphone portable dans cette vidéo ci-dessous ou en cliquant sur ce lien: https://antoniobernardo-cartoes.firebaseapp.com

Animation

Toutes les animations ont été développées pour garantir des performances raisonnables lors de l’exécution sur des appareils mobiles dont la puissance est généralement limitée. La puissance du CSS3 a donc été utilisée pour assurer une fréquence d’images par seconde de 60 images.

Cependant, dans la dernière étape de l’application, où volent les pétales de pissenlit, l’animation CSS3 ne permettait pas 60 fps et nous avons donc utilisé la forme la plus standard et la plus universelle du mobile, le dessin sur toile.

Poids de l’app

Afin de garantir un poids raisonnable pour le téléphone, nous n’avons utilisé aucune bibliothèque, nous avons minifié tous les assets et nous sommes arrivés à une application d’à peine quelques dizaines de kilo octets.

Vitesse de chargement

De même, pour assurer une plus grande fluidité à l’utilisateur, tous les actifs externes ont été préchargés afin que l’utilisateur final ne ressente aucune décélération ni aucun chargement entre les différentes étapes.

Malgré le nombre d’actifs de bonne qualité, un code d’application relativement complexe, nous avons obtenu un temps de chargement moyen de l’appli de seulement 300 ms, et cela est également dû à l’utilisation de CDN hautes performances.

Technologies utilisées

  • HTML5 (webaudio, accelerator);
  • CSS3;
  • CDN;
  • Javascript ES6.

Résultats

Google Analytics a été installé et nous avons taguer la carte d’événements.

De cette manière, nous avons pu savoir le flux de visites exact et la profondeur de navigation des clients ayant reçu l’e-mail marketing, comme indiqué dans le tableau ci-dessous:

Métriques Web App Antonio Bernardo

Si vous ou votre entreprise ont besoin de services de création de web apps ou cartes de noël interactives, n’hésitez pas, contactez-nous!

Ça vous a plu? Découvrez nos Services de Développement Mobile