Proyecto 01: Construir un Sitio Web para una Pequena Empresa

Descripcion General

Construye un sitio web completo de 5 paginas para un negocio local ficticio. Este proyecto reune todo lo aprendido en los Modulos 1-4 y el Modulo 6.

Tiempo estimado: 3-5 horas

El Encargo

Cliente: "Sunrise Coffee Roasters" — una cafeteria local y tostaduria que quiere tener presencia en linea para atraer clientes y mostrar sus productos.

Requisitos:

• Diseno profesional y moderno
• Adaptable a dispositivos moviles (responsive)
• Formulario de contacto
• Ubicacion con mapa
• Escaparate de menu/productos
• Historia de la empresa

Paginas a Construir

1. Pagina de Inicio

Contenido a incluir:

• Seccion hero con un titular atractivo e imagen de fondo
  • Titular: "Recien Tostado, Amado Localmente"
  • Subtitular: "Cafe artesanal tostado a diario en el corazon de la ciudad"
  • Boton CTA: "Ver Nuestro Menu"
• Seccion de productos destacados (3 articulos): House Blend, Single Origin, Cold Brew
• Adelanto de la seccion Sobre Nosotros (imagen + texto breve + boton "Saber Mas")
• Seccion de testimonios (2-3 citas de clientes)
• CTA: "Visitanos Hoy" con direccion

2. Pagina Sobre Nosotros

Contenido a incluir:

• Cabecera de pagina con titulo
• Nuestra Historia (2 columnas: imagen + texto)
• Nuestros Valores (3 cajas con icono: Calidad, Comunidad, Sostenibilidad)
• Conoce al Equipo (3 miembros del equipo con fotos)
• Barra de estadisticas (Anos en el negocio, cafes servidos, etc.)

3. Pagina del Menu

Contenido a incluir:

• Cabecera de pagina
• Seccion de bebidas de cafe (Espresso, Latte, Cappuccino, Americano, Cold Brew, etc.)
• Seccion de comida (Bolleria, Sandwiches, Ensaladas)
• Cada articulo: nombre, descripcion breve, precio
• Usar un diseno limpio y legible (2 o 3 columnas)

4. Pagina de Contacto

Contenido a incluir:

• Cabecera de pagina
• Formulario de contacto (Nombre, Email, Asunto desplegable, Mensaje)
• Barra lateral con informacion de contacto (Telefono, Email, Direccion)
• Horario comercial
• Mapa de Google incrustado
• Enlaces a redes sociales

5. Pagina del Blog

Contenido a incluir:

• Establecer como pagina de entradas del blog (Settings → Reading)
• Crear 3 entradas de blog:
  1. "El Arte del Cafe de Filtro (Pour-Over)" (bajo la categoria: Consejos sobre Cafe)
  2. "Conoce Nuestra Nueva Mezcla de Primavera" (bajo la categoria: Novedades de Producto)
  3. "5 Razones para Elegir Cafe Tostado Localmente" (bajo la categoria: Consejos sobre Cafe)
• Cada entrada debe tener una imagen destacada, mas de 300 palabras, categorias y etiquetas

Especificaciones de Diseno

Paleta de Colores

Fuentes

• Titulares: Playfair Display (Serif, elegante)
• Cuerpo: Lato u Open Sans (Limpia, legible)

Fotografia

Usa fotos de stock gratuitas de Unsplash o Pexels:

• Buscar: coffee, coffee shop, barista, latte art, coffee beans, cafe interior

Requisitos Tecnicos

• Theme Hello Elementor activado
• Colores y fuentes globales configurados en Elementor Site Settings
• Menu de navegacion con las 5 paginas
• Footer con direccion, telefono y enlaces sociales
• Todas las paginas construidas con Elementor
• Adaptable a moviles (revisar todas las paginas en vista movil)
• Titulos SEO y meta descripciones configurados (Yoast) en todas las paginas
• Texto alternativo en todas las imagenes
• Permalinks configurados como "Post name"
• Pagina de inicio estatica configurada en Settings → Reading
• Formulario de contacto probado y funcionando

Desafios Extra

1. Anadir un banner de "Ofertas Especiales" en la pagina de inicio que se pueda actualizar facilmente
2. Crear un formulario de suscripcion al newsletter en el footer
3. Anadir animaciones sutiles de hover a los elementos del menu y botones
4. Crear una pagina de error 404 con Elementor (buscar "Elementor 404 page" — requiere Pro o una alternativa)
5. Anadir schema markup para negocio local (direccion, horario, telefono)

Criterios de Evaluacion

Cuando hayas terminado, revisa tu trabajo con estos criterios: