IDENTITÉ NUMÉRIQUE / DESIGN WEB
PROJET DE STUDIOFuera de Ruta
Un camping de petite capacité pour celles et ceux qui cherchent des arbres, du grand air et un séjour simple. Le concept présente emplacements et cabanes sans en faire un resort : le paysage ouvre l’expérience, mais les conditions de visite comptent autant que l’émotion.
Une exploration indépendante d’AsturaWeb. Le design d’une expérience numérique, sans commande client.
- SECTEUR
- Camping · Hospitalité · Choix de séjour
- LANGUE DU SITE
- Espagnol
- ÉDITION
- 2026
- PÉRIMÈTRE
- Identité, UI et direction de production
01 / LE CONTEXTE
Choisir un lieu, les pieds sur terre.
Fuera de Ruta s’adresse aux couples et aux petits groupes qui comparent plusieurs façons de dormir avant de choisir leurs dates. La proposition réunit hébergements, terrain et préparation du séjour. Les photographies montrent humidité, ombres et matières utilisées ; elles ne promettent ni une nature parfaite ni un lieu réel.
- Dates, voyageurs et hébergements dès la première lecture
- Plan schématique et informations pratiques par emplacement
- Récapitulatif sans réservation ni paiement réels
Les visuels conservent leur langue d’origine. Le récit du projet suit la langue choisie sur AsturaWeb.
02 / LE DÉFI
Une belle photographie ne dit pas où garer sa voiture, si une prise est disponible ou quelle distance sépare deux emplacements. Il fallait rendre ces réponses visibles avant la réservation, sans transformer l’accueil en formulaire administratif.
L’IDÉE
Le vert pin organise la signalétique, le blanc brume porte la lecture et le jaune indique la prochaine décision. Une sans humaniste apporte de la proximité ; les numéros compacts distinguent parcelles et cabanes. Le plan est explicitement schématique : il aide à comparer les positions sans prétendre représenter une géographie réelle.
03 / AU-DELÀ DE L’ACCUEIL
Un système,
au-delà du premier écran.
La navigation au bas du paysage mène au lieu, aux hébergements, aux activités et aux informations pratiques. Dates et voyageurs apparaissent immédiatement. Dans la seconde vue, P04 relie une zone du plan à une surface, une exposition, une prise et une distance aux sanitaires. Le récapitulatif conserve cet emplacement, deux voyageurs et deux nuits : chaque montant reste traçable jusqu’au total de démonstration.
LE LANGAGE DU PROJET
Du caractère, avec justesse.
Couleur et matière
Le pin pour orienter, la brume pour lire, l’ardoise pour les données et le jaune pour choisir. La couleur distingue les fonctions sans transformer chaque bloc en carte.
Typographie et hiérarchie
La lecture humaniste accompagne le paysage ; les indices d’emplacement proposent un registre plus compact, utile pour relier le plan à la fiche.
Image et mouvement
Un matin humide et le détail d’une tente ouverte. La photographie relie le territoire au geste quotidien de préparer un séjour.
04 / RESPONSIVE ET INTERACTION
Un autre écran.
La même intention.
Sur mobile, explorer et choisir des dates restent deux actions distinctes. Le formulaire se recompose en lignes courtes ; prix et équipements accompagnent chaque hébergement. Le récapitulatif ordonne arrivée, départ, voyageurs et conditions avant l’action. Les images longues se parcourent dans le téléphone partagé, sans réduire une composition desktop.
DU BRIEF AU SYSTÈME
- 01Contexte
- 02Contenu
- 03Structure
- 04Direction visuelle
- 05Système UI
- 06Responsive
Développement, intégrations et validation de production relèvent d’une phase ultérieure, définie selon le périmètre réel.
05 / DIRECTION TECHNIQUE
Pensé pour envisager
la production.
Étude visuelle conceptuelle : photographies et images d’interface générées et sélectionnées pour le projet. Les sites représentés ne sont connectés à aucun service réel.
Étude visuelle avec interfaces complètes présentées sous forme d’images. Dates, tarifs et disponibilités relèvent de la démonstration ; aucun inventaire, paiement ou système de réservation n’est connecté. Le portfolio offre réellement agrandissement, accès clavier et défilement mobile.
- Direction artistique
- Design d’interfaces
- WebP adaptatif
- HTML sémantique, clavier et contraste
- Images responsive et chargement progressif
- Contenu indexable et structure SEO
Hébergement, mesure avec consentement et données structurées seraient définis à partir d’informations vérifiées et de besoins concrets.
PARLONS-EN
Un nouveau site, une refonte ou une idée encore à préciser. Écrivez-nous : nous verrons ensemble ce qui mérite d’être construit.
Parlez-nous
de votre idée.
Donner forme à mon projet
Basé dans les Asturies. Des projets à distance en Espagne, en Europe et à l’international.
Pas besoin de maîtriser la technique ni d’avoir tout décidé. Dites-nous ce que vous faites et ce que vous souhaitez améliorer. C’est notre point de départ.
Un devis sur mesure. Une proposition claire, sans engagement.
POUR LANCER LA CONVERSATION
- Ce que fait votre entreprise
- Ce que vous aimeriez améliorer
- Votre site actuel, si vous en avez un