Pietra vision unisex- sitio web (primera parte
Guía: Creación de un Sitio Web en WordPress
Etapas del Proyecto
1. Investigación y Análisis (PRIMER SEMANA)
Antes de empezar a crear el sitio web, es fundamental investigar y analizar otros sitios web.
Tareas:
Visitar al menos 3 sitios web relevantes en relación con el tema que eligieron para su proyecto.
https://www.malapeluqueria.com/
Realizar un análisis sobre:
Diseño y estructura: ¿Cómo está organizado el contenido
(páginas principales, menús, etc.)?
https://www.malapeluqueria.com/
En las páginas lo primero que sale es el menú principal y se divide en varias partes como por ejemplo para sacar el turno, información sobre ellos, sobre sus productos, sobre sus tipos de cortes, tinturas .
Aspectos multimedia: ¿Qué tipos de multimedia utilizan
(imágenes, videos, audios)? ¿Cómo afectan la experiencia del usuario?Imágenes: Generalmente, las imágenes en un sitio web pueden incluir fotos de productos, gráficos informativos o imágenes de fondo. Las imágenes de alta calidad mejoran la estética del sitio y pueden captar la atención del usuario, haciendo la experiencia más atractiva.
Videos: Los videos pueden utilizarse para mostrar productos en acción, tutoriales o testimonios. Pueden aumentar la retención de información y mantener a los usuarios en la página por más tiempo, proporcionando una comprensión más profunda de lo que se ofrece.
Audios: Si el sitio incluye elementos de audio, como música de fondo o narraciones, esto puede enriquecer la experiencia. Sin embargo, el audio debe ser controlable por el usuario para evitar molestias.
Cómo afectan la experiencia del usuario:
Interactividad: Elementos multimedia pueden hacer que el sitio sea más interactivo y dinámico, fomentando una conexión emocional con el contenido.
Accesibilidad: Los diferentes formatos multimedia pueden atender a diversas preferencias de los usuarios, facilitando el acceso a la información.
Carga y rendimiento: Un uso excesivo de multimedia puede ralentizar el tiempo de carga del sitio, lo que podría frustrar a los usuarios.
Estética y branding: Un diseño multimedia cohesivo puede reforzar la identidad de la marca y mejorar la percepción del usuario.
Paleta de colores: ¿Qué colores predominan? ¿Cómo influyen
en la apariencia general del sitio?
La paleta de colores de Bucles es bastante llamativa y bien elegida.
Colores predominantes
1. Azul : Es el color principal y más destacado, utilizado en el logo, botones y elementos interactivos.
2. Blanco : Se utiliza como fondo y para textos.
3. Gris claro : Se utiliza para fondos secundarios y separadores.
4. Verde : Se utiliza para destacar elementos específicos, como botones de llamada a acción.
Influencia en la apariencia general del sitio:
1. Profesionalismo: El azul transmite confianza, estabilidad y profesionalismo, adecuado para un sitio de noticias y actualidad.
2. Claridad: El blanco y gris claro ayudan a mantener la claridad y legibilidad del contenido.
3. Contraste: El verde y azul crean un contraste visual atractivo, destacando elementos importantes.
4. Armonía: La paleta de colores es coherente y armoniosa, creando una experiencia visual agradable.
Inserto más informacion de las paletas de colores:
Paleta de Colores
Rosa Pastel
Hexadecimal: #F2A6B9
RGB: (242, 166, 185)
Blanco Crema
Hexadecimal: #FFF5E1
RGB: (255, 245, 225)
Gris Claro
Hexadecimal: #D3D3D3
RGB: (211, 211, 211)
Verde Menta
Hexadecimal: #A1E0D3
RGB: (161, 224, 211)
Negro Suave
Hexadecimal: #333333
RGB: (51, 51, 51)
Descripción de la Paleta
Rosa Pastel: Aporta un toque cálido y acogedor, ideal para crear un ambiente relajante.
Blanco Crema: Evoca limpieza y luminosidad, perfecto para dar una sensación de espacio y claridad.
Gris Claro: Añade un elemento neutro que equilibra los colores más vivos, ideal para muebles y decoraciones.
Verde Menta: Refresca el ambiente, evocando una sensación de naturaleza y frescura.
Negro Suave: Ofrece un contraste elegante y sofisticado, ideal para detalles y textos.
Fuentes principales:
1. Montserrat: Se utiliza para títulos, encabezados y textos destacados.
2. Open Sans: Se utiliza para textos de cuerpo y contenido principal.
Uso de fuentes en el sitio:
1. Títulos y encabezados: Montserrat (negrita).
2. Textos cuerpo: Open Sans (regular).
3. Textos destacados: Montserrat (negrita) o Open
Comentarios
Publicar un comentario