IDENTIDAD DIGITAL / DISEÑO WEB
PROYECTO DE ESTUDIOSotobosque
Un vivero conceptual de plantas de interior con formas singulares. Sotobosque combina una selección cuidada con información comprensible: nombres botánicos, dimensiones y condiciones de cultivo aparecen junto al ejemplar, sin convertir cada planta en un objeto decorativo descontextualizado.
Exploración independiente de AsturaWeb. Diseño de una experiencia digital, sin encargo de cliente.
- SECTOR
- Vivero · Catálogo botánico · Selección de ejemplares
- IDIOMA DEL DISEÑO
- Español
- EDICIÓN
- 2026
- ALCANCE
- Identidad, UI y dirección de producción
01 / EL CONTEXTO
Elegir una planta empieza por conocer el espacio.
El público puede reconocer una hoja sin saber todavía qué condiciones necesita. El proyecto responde con un catálogo accesible desde la primera pantalla. La identidad evita tanto el exceso promocional de una gran jardinería como la distancia de una boutique que presenta plantas sin explicar cómo elegirlas.
- Catálogo explorable desde la primera pantalla
- Filtros por condiciones y tamaño, no solo apariencia
- Ejemplar y necesidades de cultivo en la misma ficha
El diseño conserva su idioma original. El relato del proyecto sigue el idioma que has elegido en AsturaWeb.
02 / EL RETO
La forma de una planta no basta para decidir. Había que introducir luz, tamaño y nivel de atención sin abrumar a quien empieza. También era necesario distinguir las fotografías de ambiente de la representación de un ejemplar: una imagen de invernadero no describe lo que se está seleccionando.
LA IDEA
Blanco vegetal, berenjena y verde salvia construyen una jerarquía de catálogo. El encabezado compacto deja espacio para productos; el camino de navegación sitúa al visitante. Las proporciones fotográficas varían de forma ordenada, mientras los nombres botánicos conservan un tamaño útil y una función informativa.
03 / MÁS ALLÁ DE LA PORTADA
Un sistema,
no solo una primera pantalla.
Los filtros laterales permiten cruzar luz, cuidados, tamaño y disponibilidad demostrativa. La ficha de Anthurium clarinervium reúne imagen, rango de altura, elección de ejemplar y cuatro bloques de cultivo. La orientación es práctica y prudente: no se incluyen promesas de salud, toxicidad improvisada ni afirmaciones de rareza. Una franja editorial acerca el vivero sin desplazar la selección.
EL LENGUAJE DEL PROYECTO
Carácter, con criterio.
Color y materia
El berenjena diferencia el sistema del verde comercial habitual. El salvia orienta y el fondo claro deja reconocer bordes, nervios y volumen de las hojas.
Tipografía y jerarquía
Una sans funcional distingue nombre botánico, precio y condiciones. Las anotaciones actúan como etiquetas de catálogo, sin convertir nombres científicos en eslóganes.
Imagen y movimiento
El invernadero aporta contexto y el detalle del follaje muestra estructura. Las interfaces distinguen imágenes ambientales y ejemplares ilustrativos del concepto.
04 / RESPONSIVE E INTERACCIÓN
Otra pantalla.
La misma intención.
Las categorías mantienen su contexto y los filtros activos se leen antes de la cuadrícula. En móvil se evita una barra lateral estrecha: el acceso a filtros se presenta como un control propio. La segunda pantalla ordena ejemplar, dimensiones y necesidades en una secuencia vertical, con el precio de demostración cerca de la acción.
DEL BRIEF AL SISTEMA
- 01Contexto
- 02Contenido
- 03Estructura
- 04Dirección visual
- 05Sistema UI
- 06Responsive
El desarrollo, las integraciones y la validación de producción forman una fase posterior, definida según el alcance real.
05 / DIRECCIÓN TÉCNICA
Preparado para pensar
en producción.
Estudio visual conceptual: fotografías e imágenes de interfaz generadas y seleccionadas para el proyecto. Los sitios representados no están conectados a servicios reales.
Catálogo conceptual presentado como imágenes de interfaz. Especies, precios y disponibilidad ilustran el recorrido y no constituyen inventario de un vivero real. No se procesa ningún pedido ni se atribuyen propiedades sanitarias a las plantas.
- Dirección artística
- Diseño de interfaces
- WebP responsive
- HTML semántico, teclado y contraste
- Imágenes responsive y carga progresiva
- Contenido indexable y estructura SEO
El alojamiento, la medición con consentimiento y los datos estructurados se definirían con información verificada y necesidades concretas.
HABLEMOS
Una web nueva, un rediseño o una idea que todavía no sabes cómo plantear. Escríbenos y vemos juntos qué tendría sentido hacer.
Cuéntanos
qué tienes en mente.
No necesitas saber de tecnología ni llegar con todo decidido. Cuéntanos qué haces y qué quieres mejorar. Empezamos por ahí.
Presupuesto a medida. Te proponemos una solución clara, sin compromiso.
PARA ROMPER EL HIELO
- Qué hace tu negocio
- Qué te gustaría mejorar
- Tu web actual, si la tienes