Diseñar la sección inicial de la página Blog.
Crear un hero interno editorial sobre fondo off-white.
En el lado izquierdo:
- Etiqueta: “LANDSCAPING TIPS & RESOURCES”.
- Título: “PRACTICAL ADVICE FOR BETTER OUTDOOR SPACES”.
- Párrafo de tres líneas explicando que el blog ofrece consejos sobre landscaping, mantenimiento, árboles, hardscaping e irrigación.
- Campo visual de búsqueda con placeholder: “Search landscaping articles”.
- Debajo, mostrar etiquetas de categorías:
- Landscaping.
- Maintenance.
- Hardscaping.
- Tree Care.
- Irrigation.
En el lado derecho:
Mostrar una fotografía editorial de una persona revisando planos de landscaping o seleccionando plantas para un proyecto.
Agregar una tarjeta superpuesta con un artículo destacado:
- “FEATURED ARTICLE”.
- “5 Ways to Improve Your Florida Landscape”.
- “6 min read”.
La sección debe parecer la entrada a un blog profesional, no una portada de revista ni un ecommerce.
Diseñar una cuadrícula de seis artículos para el Blog de Anthony’s Landscaping Inc.
Fondo blanco. Encabezado:
- Título: “LATEST ARTICLES”.
- Selector pequeño: “All Categories”.
- Enlace: “View All Resources”.
Crear una cuadrícula de tres columnas y dos filas.
Cada tarjeta debe incluir:
- Fotografía relevante.
- Categoría pequeña.
- Título legible.
- Extracto de dos líneas.
- Tiempo de lectura.
- Enlace “Read Article”.
Utilizar estos seis títulos:
1. “How to Choose the Right Hardscape for Your Florida Property”.
2. “When Bobcat Services Save Time and Money”.
3. “Tree Trimming vs. Tree Removal: What Do You Need?”
4. “How Often Should You Water Your Lawn in Florida?”
5. “Landscape Design Ideas for Central Florida Homes”.
6. “A Simple Property Maintenance Checklist”.
Las tarjetas deben tener alturas consistentes, esquinas redondeadas, borde suave y fotografías realistas.
No mostrar fechas muy grandes. Evitar tarjetas demasiado parecidas a productos. Dar prioridad al título y a la fotografía.
Diseñar una referencia visual para una página de artículo individual del Blog.
No incluir header.
En la parte superior del contenedor central colocar:
- Breadcrumb: “Blog / Landscaping / Article”.
- Categoría pequeña: “LANDSCAPING”.
- Título grande de máximo dos líneas: “HOW TO CREATE A LOW-MAINTENANCE LANDSCAPE IN FLORIDA”.
- Extracto introductorio de dos líneas.
- Información pequeña:
- “8 min read”.
- “Anthony’s Landscaping Team”.
- Botones pequeños para compartir, sin dominar la composición.
Debajo colocar una fotografía hero horizontal grande de un jardín de bajo mantenimiento en Florida.
En la parte inferior visible de la imagen, comenzar la estructura del artículo:
COLUMNA PRINCIPAL:
- Primer subtítulo.
- Dos párrafos breves.
- Lista con recomendaciones.
- Fotografía secundaria.
SIDEBAR:
- Tabla de contenidos.
- Tarjeta verde clara con título “Planning a Landscaping Project?”
- Botón “BOOK A QUOTE”.
- Artículos relacionados.
Mantener ancho de lectura cómodo. No extender el texto de borde a borde. La referencia debe mostrar claramente cómo sería la plantilla de todos los artículos.
Diseñar la sección final de llamada a la acción para el Blog.
Crear una gran tarjeta horizontal verde oscuro dentro del contenedor central.
En el lado izquierdo:
- Etiqueta en verde claro: “READY FOR THE NEXT STEP?”
- Título blanco: “TURN LANDSCAPING IDEAS INTO A REAL PROJECT”.
- Texto corto invitando al lector a hablar con el equipo.
- Botón claro: “BOOK A QUOTE”.
- Enlace secundario blanco: “EXPLORE OUR SERVICES”.
En el lado derecho colocar una fotografía recortada de un proyecto terminado, integrada mediante una forma curva o máscara orgánica.
Agregar tres pequeños indicadores bajo el texto:
- “Residential & Commercial”.
- “Serving Florida”.
- “English & Spanish”.
La sección debe cerrar el blog de manera comercial pero elegante. No parecer un banner publicitario invasivo. Mantener suficiente espacio y una fotografía de alta calidad.
