Ejercicio Mockup

Poradaptapro

Diseño de Mockup para Empresa de Servicio Técnico en Redes

🎯 Objetivo:

Diseñar un mockup de la interfaz web principal de una empresa ficticia de servicio técnico y provisión de equipos de redes. Este trabajo busca fomentar la organización visual, la coherencia estética, y el pensamiento lógico en la presentación de interfaces.

📝 Instrucciones:

  1. Nombre de la empresa y logotipo:
    • Elegir un nombre ficticio para la empresa (ej: RedConecta, TecnoLink, NetSupport).
    • Diseñar un logo simple, con íconos o tipografía que represente:
      • Conectividad.
      • Redes.
      • Servicio técnico o soporte.
    • Utiliza Inkscape para elaborar el modelo.

Paleta de colores:

  • Definir una paleta de colores coherente con el rubro:
    • Recomendado: combinaciones en azul, gris, verde, o negro y blanco.
    • Aplicar los colores al fondo, textos, íconos, y botones.

    Diseño del encabezado (header):

    • El header debe incluir, alineado de forma clara:
      • Logotipo (izquierda).
      • Número de teléfono de contacto (derecha o centrado).
      • Íconos de redes sociales (Facebook, Instagram, LinkedIn) alineados junto al teléfono.
    • Ejemplo de disposición: lessCopiarEditar[ LOGO ] Tel: +598 1234 5678 [ FB ] [ IG ] [ IN ]

      Menú de navegación horizontal:

      1. Debajo del header, incluir un menú horizontal con las siguientes secciones:
        • Inicio
        • Clientes
        • Contacto
      2. El menú debe ser claro, legible y visualmente armónico contemplando las normas de accesibilidad y usabilidad.

      Footer o pie página horizontal:

      1. Incluir un pie de página con tres columnas:
        • 1: Icono y breve descripción de la empresa
        • 2: Enlaces de menu
        • 3: Contacto
      2. El pie de página debe tener constraste adecuado colores y tipografías deben ser armónicos manteniendo la identidad visual de la empresa además de respetar las normas de accesibilidad y usabilidad.

      Formato del entregable:

      • Puede ser presentado como:
      • Mockup interactivo en Inkscape.
      • Archivo PDF con capturas.
      • Adjuntar una breve descripción explicando:
        • Nombre elegido de la empresa.
        • Justificación del logo.
        • Por qué se eligieron esos colores (Psicología de color, armonia de color).
        • Colores en Hexadecimales.
        • MAPSITE