Refonte et digitalisation du site web d’ELTON OIL par Tinitz

À propos du projet

En 2025, ELTON OIL, acteur incontournable du secteur pétrolier en Afrique de l’Ouest, a engagé une transformation stratégique de sa présence digitale.

L’objectif était clair :

• Moderniser son image en ligne
• Faciliter l’accès à ses produits et services
• Offrir une expérience utilisateur fluide et performante
• Disposer d’une plateforme évolutive, sécurisée et scalable

Pour relever ce défi, ELTON OIL a fait confiance à Tinitz, intégrateur de solutions digitales intelligentes basé à Abidjan.

Le contexte : passer d’une vitrine statique à un véritable outil business

ELTON OIL disposait d’une présence en ligne, mais celle-ci ne reflétait plus :

• La dimension régionale de l’entreprise
• La diversité de son offre (carburants, lubrifiants, carte OASIS, e-services, boutique EDEN’S)
• Son ambition d’innovation
• Les nouveaux usages digitaux des consommateurs

Le site devait évoluer d’une simple vitrine institutionnelle vers une plateforme transactionnelle et interactive, capable de soutenir la croissance commerciale.

L’approche Tinitz : une architecture robuste et orientée performance

Tinitz a conçu une solution full-stack moderne reposant sur une architecture modulaire et évolutive.

Stack technologique

Backend

• Framework Laravel (PHP 8.x)
• API RESTful orientée services
• Base de données MySQL optimisée
• Cache multi-niveaux avec Redis
• Système de gestion de contenu (CMS headless)

Frontend

• Vue.js 3 (Composition API)
• Tailwind CSS pour un design system cohérent
• Vite.js pour l’optimisation des builds
• Gestion d’état centralisée avec Pinia

Infrastructure & DevOps

• Serveur Nginx optimisé
• Conteneurisation Docker
• CI/CD automatisé
• CDN pour la distribution des assets
• Monitoring en temps réel

Cette architecture garantit :

• Scalabilité
• Haute performance
• Maintenabilité du code
• Sécurité renforcée

Une expérience utilisateur repensée

1. Page d’accueil immersive

La nouvelle page d’accueil met en avant :

• Une identité visuelle forte (rouge et blanc emblématiques d’ELTON)
• Des visuels professionnels
• Les chiffres clés de l’entreprise
• Une navigation claire et intuitive

2. Présentation structurée des produits et services

La plateforme propose une organisation claire autour des offres stratégiques :

• Carburants (Essence, Diesel)
• Lubrifiants haute performance
• Carte ELTON OASIS
• Espace Auto
• Boutique EDEN’S
• E-services

Chaque section dispose de fiches détaillées, optimisées SEO, avec une navigation fluide et responsive.

3. Fonctionnalités à forte valeur ajoutée

📍 Localisation intelligente des stations

Un module de géolocalisation permet aux utilisateurs de trouver la station la plus proche en temps réel, basé sur les coordonnées GPS et un calcul de distance optimisé.

📅 Prise de rendez-vous en ligne

Un système complet de gestion des rendez-vous a été développé :

• Choix du service
• Sélection de la station
• Date et créneau horaire
• Validation sécurisée
• Notifications en temps réel
•  

🛒 Commande en ligne

Les produits phares peuvent être commandés directement depuis la plateforme, renforçant la dimension business du site.

Sécurité et fiabilité

Tinitz a intégré un ensemble complet de mécanismes de protection :

• Protection CSRF et XSS
• Requêtes paramétrées contre les injections SQL
• Rate limiting API
• Authentification sécurisée
• Headers HTTP de sécurité
• Validation stricte des entrées utilisateur
• Monitoring via outils Laravel spécialisés

La plateforme garantit ainsi l’intégrité des données clients et la continuité de service.

Un CMS puissant pour une gestion autonome

Un back-office sur mesure permet aux équipes ELTON :

• Gérer les produits et services
• Publier des actualités
• Administrer les stations
• Superviser les rendez-vous
• Gérer les carrières
• Suivre les statistiques

Le CMS headless assure une séparation claire entre contenu et présentation, facilitant les évolutions futures.

Résultats et impact stratégique

Grâce à cette transformation digitale :

• ELTON OIL dispose d’un outil business performant
• L’expérience client est modernisée
• Les processus commerciaux sont fluidifiés
• La marque renforce sa crédibilité digitale
• La plateforme est prête pour de futures évolutions (espace client, fidélité, application mobile, outils B2B)

Conclusion

La refonte du site web d’ELTON OIL illustre la capacité de Tinitz à :

• Comprendre les enjeux sectoriels spécifiques
• Concevoir des architectures digitales robustes
• Allier design, performance et sécurité
• Déployer des plateformes évolutives à forte valeur métier

Ce projet confirme le positionnement de Tinitz comme partenaire stratégique des entreprises ivoiriennes et ouest-africaines dans leur transformation digitale.

Fonctionnalités clés

Fonctionnalités clés :

1. Géolocalisation des stations-service
   • Recherche automatique des stations les plus proches
   • Calcul de distance optimisé
   • Affichage dynamique des résultats
2. Prise de rendez-vous en ligne
   • Sélection du service
   • Choix de la station
   • Date et créneau horaire
   • Gestion des statuts (pending, confirmed, cancelled, completed)
3. Commande en ligne de produits
   • Fiches produits détaillées
   • Gestion des catégories
   • Intégration API pour traitement des demandes
4. CMS Administrateur (Back-office)
   • Gestion des produits, services et actualités
   • Administration des stations
   • Gestion des carrières
   • Dashboard avec statistiques en temps réel

Langages et technologies utilisés :

Backend

• PHP 8.x
• Laravel 10 (Framework MVC)
• MySQL 8 (Base de données relationnelle)
• Redis (Mise en cache)

Frontend

• JavaScript (ES6+)
• Vue.js 3
• Tailwind CSS
• Vite.js
•  

DevOps & Infrastructure

• Nginx
• Docker
• GitLab CI/CD
• AWS (S3 pour le stockage médias)