Tipstersworld: Refonte du Front-End Web

Tâche

Le client a confié à Elinext Group le développement du front-end d’un portail web existant. Le nouveau front-end client du site web devait avoir un design moderne et une bonne utilisabilité. Une demande additionnelle pour Elinext Group était de fournir le code source avec une bonne sémantique susceptible d’être changé dans le futur. De plus, le site web devait avoir une bonne rapidité de chargement de pages et de fonctionner ainsi sur tous les navigateurs modernes.

Défi

Le défi essentiel pour les développeurs d’Elinext Group était d’appliquer un nouveau design moderne créé par notre designer pour la structure HTML ancienne du site web du client. Le développeur web a dû réécrire la plupart des codes du côté client afin de les rendre conformes aux recommandations du nouveau W3C et de bloquer la structure de la mise en page.

Solution

Pour réaliser la solution les spécialistes ont analysé la version actuelle du système et ont trouvé les codes source qui pourraient être réutilisés pour le développement ultérieur. Les designers d’Elinext Group ont créé un design attractif selon les principes modernes de design. Ensuite nos développeurs ont créé quelques modèles HTML communs pour les pages, aussi bien que des blocs séparés stylisés pour les éléments à répétition. Afin d’augmenter la performance de pages, on a eu recours à des techniques modernes de CSS3 au lieu d’utiliser des images pour des coins arrondies, des ombres des éléments etc. On a utilisé jQuery JavaScript pour les scripts du côté client.

Résultats

Les modèles de design créé ont été mis en oeuvre avec succès et ont été intégrés dans le site du client. Le développeur d’Elinext Group a fait l’optimisation des scripts du côté client et a mis en ordre la structure générale du code.