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/


https://www.tomassa.com.ar/

            https://www.bucles.com.ar/


  • 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? 

   https://www.bucles.com.ar/


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

  1. Rosa Pastel

    • Hexadecimal: #F2A6B9

    • RGB: (242, 166, 185)

  2. Blanco Crema

    • Hexadecimal: #FFF5E1

    • RGB: (255, 245, 225)

  3. Gris Claro

    • Hexadecimal: #D3D3D3

    • RGB: (211, 211, 211)

  4. Verde Menta

    • Hexadecimal: #A1E0D3

    • RGB: (161, 224, 211)

  5. 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

Entradas más populares de este blog

Pietra vision unisex- sitio web (segunda parte)