webleads-tracker

Magento Certified Developer

Le m-commerce

Dans notre ère où la mobilité est omniprésente, les boutiques mobiles représentent un véritable atout supplémentaire et un accroissement des ventes. Elles permettent à vos clients d’accéder à votre boutique en ligne, depuis leur téléphone portable, de chercher les produits qu’ils souhaitent et de les commander, quand ils le veulent et où qu’ils soient.
Calliweb vous permet d’adapter votre Boutique en ligne sur tous les appareils nomades, quelques soit leur marques ou leur OS. Mobiles, tablettes, hybride, rien n’échappe à notre expertise !
Notre technique : Le responsive design

test

RESPONSIVE DESIGN
Votre boutique disponible à tout moment sur les mobiles de vos clients
[SCHEMA INTERACTIF, peut jouer avec un curseur ou autre pour voir le changement entre une version pc et tab et mobile]

Qu’est-ce que le responsive design ?
Le responsive design est une technique d’intégration html&css d’un site Internet, permettant un affichage s’adaptant à tout type de support. Cette approche vise à offrir une expérience de lecture et de navigation optimale à tous les utilisateurs.
[DEMO DE SITE SUR TOUT SUPPORT MAIS EN PHOTO PAR EXEMPLE]

Ses atouts
Cette technique permet d’avoir une seule intégration par site, simplifiant très largement la maintenance de celui-ci. La qualité d’expérience est optimale, car il est possible de composer l’affichage adapté au support, mais aussi d’adapter le contenu :
[DEMO DE HOME NUL SUR MOBILE ET HOME PENSEE MOBILE]

MOBILE FIRST
Toujours en recherche de rapidité d’affichage, nous utilisons une technique d’intégration appelée « mobile first ». Cette méthode permet de n’avoir aucun élément superflu de chargé sur les mobiles & tablettes, permettant une rapidité optimale sur ceux-ci.
Le schéma de conception d’interface change radicalement :

Grâce à cette technique, fini les chargements d’éléments inutiles au mobile, masqués simplement en CSS. Grâce au Lazy Loading, nous affichons uniquement les images dans le champs de vision de l’utilisateur : les images de grandes résoltions sont chargées uniquement sur les plus grandes résolutions. Le mobile first est une véritable nouvelle méthode de travail dans le milieu de l’intégration, mais aussi pour les concepteurs d’interfaces : dès les premiers Wireframes & les premières maquettes, la réflexion débute depuis l’affichage sur mobile pour finir sur celui des PCs.
Accoudé à de solides techniques d’intégrations HTML&CSS, nous pratiquons également toutes les bonne pratiques afin de diminuer au maximum les temps d’affichage des page de votre boutique grâce à l’utilisation de format SVG par exemple, qui permettent un temps de chargement rapide mais aussi une qualité de rendu maximale sur des écrans ‘normaux’ comme sur des écrans Rétina.

Le mobile first permet également d’adapter au mieux votre contenu aux devices nomades. En effet les problématiques de navigation étant plus importantes, nous axons notre ergonomie dès le départ autour de celles-ci. Ainsi, nous pouvons proposer par exemple une Home Page complètement adaptée au mobile, et pas seulement un resize responsive des éléments, ci-dessous quelques d’exemples d’interfaces conçues avec la méthode du mobile first :