Retour aux projets

IDENTITÉ NUMÉRIQUE / DESIGN WEB

PROJET DE STUDIO

Sotobosque

Une pépinière conceptuelle de plantes d’intérieur aux formes singulières. Sotobosque associe sélection soignée et informations compréhensibles : noms botaniques, dimensions et conditions de culture accompagnent le spécimen sans réduire chaque plante à un objet décoratif isolé de son contexte.

Une exploration indépendante d’AsturaWeb. Le design d’une expérience numérique, sans commande client.

SECTEUR
Pépinière · Catalogue botanique · Choix de spécimens
LANGUE DU SITE
Espagnol
ÉDITION
2026
PÉRIMÈTRE
Identité, UI et direction de production
01 — La pépinière en contexte : densité végétale, lumière et travail quotidien.DESIGN DU SITE

01 / LE CONTEXTE

Choisir une plante commence par connaître son espace.

Le visiteur peut reconnaître une feuille sans connaître ses besoins. Le projet répond par un catalogue accessible dès le premier écran. L’identité évite autant le discours promotionnel d’une grande jardinerie que la distance d’une boutique qui expose des plantes sans expliquer comment choisir.

  • Catalogue explorable dès le premier écran
  • Filtres par conditions et dimensions, pas seulement par apparence
  • Spécimen et besoins de culture réunis dans la fiche

Les visuels conservent leur langue d’origine. Le récit du projet suit la langue choisie sur AsturaWeb.

02 / LE DÉFI

La forme d’une plante ne suffit pas pour décider. Il fallait introduire lumière, taille et attention nécessaire sans submerger les débutants. Il fallait aussi distinguer photographie d’ambiance et représentation d’un spécimen : une serre ne décrit pas la plante sélectionnée.

L’IDÉE

Blanc végétal, aubergine et sauge construisent une hiérarchie de catalogue. L’en-tête compact laisse de la place aux produits ; le fil de navigation situe la visite. Les proportions photographiques varient avec ordre, tandis que les noms botaniques gardent une taille utile et une fonction informative.

02 — La structure d’une feuille : nervures, surface et lumière.DESIGN DU SITE

03 / AU-DELÀ DE L’ACCUEIL

Un système,
au-delà du premier écran.

Les filtres latéraux croisent lumière, entretien, taille et disponibilité de démonstration. La fiche Anthurium clarinervium rassemble image, plage de hauteur, choix du spécimen et quatre blocs de culture. Les conseils restent pratiques et prudents : aucune promesse de santé, toxicité improvisée ou rareté prétendue. Une bande éditoriale rapproche la pépinière sans repousser la sélection.

03 — Accueil-catalogue desktop : filtres, catégories et sélection botanique.DESIGN DU SITE
04 — Fiche botanique : spécimen, dimensions et repères de culture.DESIGN DU SITE

LE LANGAGE DU PROJET

Du caractère, avec justesse.

Couleur et matière

L’aubergine distingue le système du vert commercial habituel. La sauge oriente et le fond clair laisse reconnaître contours, nervures et volume des feuilles.

Typographie et hiérarchie

Une sans fonctionnelle distingue nom botanique, prix et conditions. Les annotations servent d’étiquettes de catalogue, sans faire des noms scientifiques des slogans.

Image et mouvement

La serre apporte le contexte et le feuillage montre la structure. Les interfaces distinguent images d’ambiance et spécimens illustratifs du concept.

04 / RESPONSIVE ET INTERACTION

Un autre écran.
La même intention.

Les catégories conservent leur contexte et les filtres actifs se lisent avant la grille. Sur mobile, une commande dédiée remplace une barre latérale trop étroite. La seconde vue ordonne spécimen, dimensions et besoins dans une séquence verticale, avec le prix de démonstration proche de l’action.

DU BRIEF AU SYSTÈME

  1. 01Contexte
  2. 02Contenu
  3. 03Structure
  4. 04Direction visuelle
  5. 05Système UI
  6. 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.

Catalogue conceptuel présenté par des images d’interface. Espèces, prix et disponibilités illustrent le parcours et ne représentent pas le stock d’une pépinière réelle. Aucun achat n’est traité et aucune propriété sanitaire n’est attribuée aux plantes.

  • 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
Que souhaitez-vous faire ?
Le contexte

Quel site avez-vous en tête ?

Parlez-nous de votre activité et de ce que votre futur site doit vous apporter.

Type de site

Choisissez une option. Vous pourrez la modifier.

Que doit vous apporter ce site ?
Quelle est votre activité ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?
Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Qu’est-ce qui ne fonctionne plus ?

Dites-nous ce qui doit changer et ce qui mérite d’être conservé.

Ce que vous souhaitez changer

Plusieurs choix sont possibles.

Que souhaitez-vous conserver ?
Un changement est-il prioritaire ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Où souhaitez-vous être plus visible ?

Parlez-nous de votre offre et des endroits où vous voulez être trouvé.

Le public à atteindre

Choisissez une option. Vous pourrez la modifier.

Que souhaitez-vous améliorer ?
Quels produits ou services proposez-vous ?

Indiquez votre site ou décrivez brièvement votre offre. L’un des deux suffit.

Dans quelle ville, région ou sur quel marché travaillez-vous ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Qu’avez-vous en tête ?

Vous n’avez pas besoin d’avoir tout défini. Dites-nous ce que vous souhaitez accomplir.

La forme de votre idée

Choisissez une option. Vous pourrez la modifier.

Qui l’utiliserait ?
Que souhaitez-vous automatiser ?
Où l’IA pourrait-elle être utile ?
Que mettrait la plateforme en relation ?
De quoi votre commerce a-t-il besoin ?
Par quoi aimeriez-vous commencer ?
Qu’aimeriez-vous simplifier ? · Facultatif
Budget et calendrier Facultatif

Ces repères nous aident à cerner le projet. Ils ne constituent ni un devis ni un engagement de délai.

Quel budget envisagez-vous ?
Quand aimeriez-vous commencer ?

Ce qui reste à préciser pourra attendre notre échange.

Le contact

Vos coordonnées

Un détail à ajouter ? (facultatif)

Quelques lignes suffisent. N’incluez pas d’informations sensibles.

Votre message est envoyé uniquement lorsque vous choisissez « Envoyer mon projet ».

hola@asturaweb.com

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

Consulter la politique et les données stockées dans le navigateur

ASTURA / BRIEF

Votre projet, en clair.

  1. 01L’idée
  2. 02Le contexte
  3. 03Le contact
Que souhaitez-vous faire ?

Vous pouvez aussi nous écrire directement.

hola@asturaweb.com ↗WhatsApp ↗