DécouvrirDüden supérieurDüden inférieurGuide de visitePoints photoGuide de voyageQue faire à Antalya Préparer la visite

Étude de cas · BLN Global

Comment le guide des chutes
du Düden a été conçu

Un guide indépendant du site naturel le plus recherché d’Antalya, n’appartenant à aucun organisme public. L’objectif était de répondre, honnêtement, aux questions que les gens se posent avant de partir.

Le guide affiché côte à côte sur ordinateur et sur téléphone
Le même contenu, deux mises en page : les compositions bureau et mobile ont été construites séparément.
1,9 Mo
Poids total de la page
contre 12 Mo au départ
198
Classes de style
distillées depuis ~700 styles en ligne
23
Photographies réelles sous licence
aucun paysage généré
6
Langues publiées
turc, anglais, allemand, russe, polonais, français
01

Nous avons d’abord tranché la question

Qui cherche les chutes du Düden veut une réponse à une seule question : la chute supérieure ou l’inférieure ? Le site est construit pour rendre cela visible dès le premier écran, et le tableau comparatif est la colonne vertébrale de la page.

02

La maquette n’a jamais été recopiée à la main

Le fichier de design passe par un convertisseur : les styles en ligne sont distillés en classes, les emplacements d’images sont liés à de vraies photographies, les liens sont câblés aux routes. Quand le design change, le code est régénéré par une seule commande, si bien que les deux ne divergent jamais.

03

De vraies photographies d’un lieu réel

Un guide de voyage n’a pas à inventer des paysages. Chaque image est une photographie réelle, sous licence libre, du Düden ou d’Antalya, avec une source et un photographe connus. Les images du Düden supérieur et inférieur ne sont jamais confondues.

04

Nous l’avons dit quand nous ne savions pas

Tarifs d’entrée, horaires, lignes de bus : tout cela change. Les publier comme des faits établis laisse un visiteur devant une grille fermée. Sur ces sujets, le site renvoie à la source actuelle et affiche une date de dernière vérification sur chaque page de guide.

05

Le mobile n’est pas un bureau en plus petit

La maquette reçue était prévue pour les grands écrans. Une composition distincte a été construite pour le téléphone : un menu déroulant, une barre fixe en bas de l’écran et une bande de photos que l’on fait défiler.

06

La vitesse est une fonctionnalité

Sortie statique, presque aucun JavaScript, images WebP redimensionnées à la largeur réellement affichée. La page est passée de 12 Mo à 1,9 Mo. Aucun script tiers ne retarde le premier affichage.

Où en est le guide

Le turc est complet, et le guide est aujourd’hui publié en six langues : turc, anglais, allemand, russe, polonais et français. Le site a été construit pour grandir au rythme du contenu, et il continue de le faire.

Stratégie · Expérience utilisateur · Design · Développement, BLN Global