Concept création Site Internet

Monter un site Internet peut être très pénible, très chronophage.
Donc, coûteux.

De plus, si vous avez une idée plus ou moins précise sur le look qui vous plait, vos connaissances en matière de SEO et de sécurité informatique sont très vraisemblablement limitées.

Or, le succès (ou l'échec) de votre site dépend de l'intégralité de ces 3 facteurs.

Notre concept

1 - Vous choisissez un exemple qui vous plait.

2 - Nous vous fournissons un environnement de développement simple qui vous permet d'adapter le modèle.

3 - Détail de l'environnement

1 - Modèle: repères textes
2 - Modèle: repères images
3 - Récupération de votre site actuel (textes et images)
4 - Ajout textes et images (et modifications)
5 - Associations vos textes/images vers le modèle
6 - Commentaires sur vos choix
7 - Visualisations (réel ou mode Développement)
Chaque modèle Version Développement comporte des repères pour les textes (Txyz)
Repères Textes

4 - Périodiquement, nous échangeons par visio (Teams, Zoom ou WebEx) et nous mettons au point votre site.

Teams Zoom WebEx

5 - Et on met votre nouveau site en production

Ceci nécessite les accès FTP donnés par votre fournisseur Internet.

Par exemple, pour un hébergement mutualisé chez OVH:

Codes FTP OVH

Travail sur les modèles.

Beaucoup de choses peuvent être faites sur les modèles.

Par exemple, regardez HOLST et HOLST-2.

La première chose qui saute aux yeux est le remplacement des voitures et des pilotes par la production de l'entreprise.
Mais d'un point de vue technique, ce n'est pas le plus important.

Mais vous y verrez également:
- le déplacement du menu (initialement tout en bas)
- un nouvel élément de menu, "Ajout" en rouge

On peut modifier beaucoup de choses dans ces modèles, la plupart dans le cadre du forfait.

Effets Site

Les effets sont une partie importante de l'attrait de votre site

Carrousel avec fading

Un carrousel d'images avec transition fluide (fade + slide).

Changement automatique toutes les 3 secondes.

Le modèle de la voiture et l'année de victoire au championnat sont associés et affichés dynamiquement selon l'image sélectionnée.

Dans l'exemple, cet effet se situe derrière une sélection.

Et on visualise le palmares et les voitures du pilote sélectionné.

cliquer

Fangio Initial

Carrousel multiple

Présentation sur plusieurs carrousels simultanés avec décalage.

Pour voir l'intégration dans le site: cliquer

Effets au survol

Lorsque la souris passe sur un élément, certains effets s'appliquent.

Ici, c'est un dézoom.

On en profite pour afficher des attributs supplémentaires, ici des accès cliquables et fonctionnels aux réseaux sociaux.

Mais ce peut être des tas d'autres choses.

Dans le site:

cliquer

Effets au Survol Initial

Effets au survol - 2

Variante de l'effet précédent.

Le survol de la souris révèle un texte explicatif.

Pour voir dans le site:

cliquer

Transitions aléatoires

La transition entre deux images se fait de façon aléatoire: droite, gauche, haut, bas, damier...

On peut forcer une transition plutôt qu'une autre.

Et, bien évidemment, la durée de la transition est modifiable.

Pour voir cet effet dans le site-exemple cliquer

Balayage Initial

Carrousel avec effet de survol

On commence par un carrousel.

Bien évidemment, le nombre d'images présentées ainsi que la durée de transition sont paramétrables.

Et on découvre la localisation de la tour au travers d'un effet de survol.

Pour voir la galerie complète:

cliquer

Sélection dynamique

Derrière la sélection, affichage d'un texte ou bien lien vers un autre élément.

A noter: le menu ci-dessus

Pour voir l'intégration dans le site:

cliquer

Transition par blocs

C'est ce que j'ai choisi pour mon propre site: apparition de l'image bloc par bloc.

Couplé avec l'apparition d'un texte explicatif pendant la formation de l'image

A noter: le texte n'apparaît pas dès la formation, mais avec un léger décalage.


Cliquez pour voir l'exemple en action dans Vangelis.

cliquer

  • Image 1
    Robin DR 400
  • Image 2
    Gaz, Altimètre
    Horizon, Cap
    Vario, VOR, Radio...
  • Image 3
    Le texte qui s'affiche ici
  • Image 4
    vient en appui de l'impact de l'image