
Marko Predovic
Marko Predovic
CE QUE JE COUVRE :
⚡ API Liquid, JavaScript et Shopify
🚀 Performance, SEO et accessibilité
🧩 Extensions d’applications et fonctions Shopify
🔌 Intégration d’applications et santé de la boutique
📈 Mise en œuvre du CRO
────────────────
⚡ API Liquid, JavaScript et Shopify
Code de thème personnalisé construit sur les API natives de Shopify — pas de surchargement, pas d’applications inutiles.
Liquide personnalisé · Métachamps & métaobjets · API AJAX · API de rendu de section · API de recommandations · API Storefront · Vanilla JS · CSS moderne
J’écris du Liquid sémantique et maintenable qui s’intègre directement aux API natives de Shopify. Les métachamps et métaobjets remplacent les couches de données dépendantes de l’application. Les API AJAX et Section Rendering permettent une interface utilisateur dynamique sans rechargement de page entière. L’API Storefront permet des builds headless et hybrides. Tout JavaScript est vanilla — pas de jQuery, pas de surcharge de framework.
Architecture OS 2.0 · Modèles JSON · Sections dynamiques · Blocs thématiques · Shopify sans interface graphique · Vitrine hybride · Filtres liquides · Sections mondiales
────────────────
🚀 Performance, SEO et accessibilité
La rapidité, la structure et l’inclusivité intègrent le thème — chacune renforçant les autres.
Signes vitaux du toile de base · LCP / INP / CLS · Chargement paresseux · Audit de blocage de rendu · Données structurées · Balises canoniques · Accessibilité WCAG · Balisage ARIA
Les Core Web Vitals influencent directement le classement et la conversion dans les recherches. J’audite et résous les goulots d’étranglement des LCP (taille d’image, préchargement, CSS critique), les problèmes INP (débond du gestionnaire d’événements, division des tâches) et les problèmes de CLS (espace réservé, changement de police). Les données structurées (JSON-LD) pour les produits, les miettes de pain et les FAQ améliorent l’éligibilité aux extraits riches. La conformité WCAG 2.1 AA et le balisage ARIA garantissent que le magasin fonctionne pour chaque client et réussit les audits automatisés d’accessibilité.
SCHÉMA JSON-LD · Open Graph · Riches extraits · Optimisation des polices · CSS critique · Compression d’image · HTML sémantique · PageSpeed 90+
──────────────────
🧩 Extensions d’applications et fonctions Shopify
Prolonger les surfaces de paiement et post-achat sans toucher au code principal de la plateforme.
Découvrez les extensions UI · Fonctions Shopify · Extensions post-achat · WebAssembly · Bac à sable conforme PCI · Logique de réduction personnalisée · Vente additionnelle en un clic
Les extensions d’interface utilisateur de paiement remplacent l’héritage checkout.liquid pour les boutiques Shopify Plus — ajoutant des ventes supplémentaires, des champs personnalisés et des badges de confiance dans un bac à sable conforme à PCI. Les fonctions Shopify permettent une logique de réduction personnalisée, des règles d’expédition et un filtrage des paiements au niveau de la plateforme. Les prolongations post-achat capturent le chiffre d’affaires de vente supplémentaire après paiement sans réintégrer le flux de paiement.
Vérifier l’API de branding · Personnalisation de la livraison · Personnalisation des paiements · Logique de routage d’ordre · Empilement à rabais · Réductions sur les packs
─────────────────
🔌 Intégration d’applications et santé de la boutique
Évaluer, installer et gérer proprement les applications de l’App Store au sein d’une boutique en ligne.
Évaluation de l’application · Examen du périmètre des autorisations · Blocs thématiques & inclusions d’applications · Audit des balises de script · Résolution de conflits · Désinstallation propre
Tous les problèmes ne nécessitent pas une construction personnalisée — mais chaque application nécessite une évaluation appropriée. Je vérifie les scopes d’autorisation, l’injection de balises de script et les conflits de blocs de thème avant l’installation. Lorsque les applications sont supprimées, j’audite et nettoie le code résiduel, les extraits Liquid et les fichiers d’assets pour éviter la dégradation des performances. Je résout les conflits entre applications concurrentes et j’établis des motifs d’intégration propres qui rendent l’éditeur de thèmes prévisible.
Nettoyage du code résiduel · Analyse d’application vs build personnalisée · Gestion des scripts tiers · Intégration du gestionnaire de tags · Audit de l’impact sur la performance des applications
─────────────────
📈 Mise en œuvre du CRO
Convertir des briefs en code thématique à travers le produit, le panier et la caisse — conçu pour tester et mesurer.
ATC épinglé · Tiroirs à vue rapide · Tiroir à panier · Bar de livraison gratuit · Vente additionnelle dans le panier · Figma-vers-liquide · Drapeaux de caractéristiques · Structure du test A/B
Le travail du CRO vit ou meurt selon la qualité de la mise en œuvre. Les ATC épinglés, tiroirs à vue rapide et tiroirs à cartouches sont construits avec l’API de rendu de section et AJAX — pas de rechargement de page, pas de changement de mise en page. Les barres d’expédition gratuites et les ventes supplémentaires dans le panier récupèrent des données en temps réel. La traduction Figma-vers-Liquide conserve une intention de conception pixel précise tout en conservant la flexibilité de l’éditeur de thèmes. Les indicateurs de fonctionnalités permettent d’expédier de nouveaux composants à un pourcentage du trafic pour les tests A/B avant le déploiement complet.
Tests fractionnés · Suivi des conversions · Intégration GTM · Balisage prêt pour la carte thermique · UI du créateur de bundles · Intention de sortie · Recommandations de produits · Flux de vente additionnelle
Horaires de travail
- Lundi:08h00 à 18h00
- Mardi:08h00 à 18h00
- Mercredi:08h00 à 18h00
- Jeudi:08h00 à 18h00
- Vendredi:08h00 à 18h00
- Samedi:Non disponible
- Dimanche:Non disponible
- 🇬🇧 Anglais




