Header
Existen tres alternativas para el diseño de header o encabezado del portal web:
Alternativa A
Versión desktop
Versión mobile
Alternativa B
Versión desktop
Versión mobile
Menús
Un portal web puede contar con distintos tipos de menús:
Sliders
Los sliders permiten presentar diversos contenidos alternados sobre un mismo espacio.
Footer
Existen tres alternativas para el diseño de footers en portales web:
Alternativa A
Versión desktop
Versión mobile completa
Versión mobile resumida
Alternativa B
Versión desktop
Versión mobile completa
Versión mobile resumida
Alternativa C
Versión desktop
Versión mobile
Versiones de color
Las tres alternativas de footer se pueden usar en los siguientes colores:
Favicon
Existen tres alternativas para el diseño de favicons:
Formularios
Los formularios se pueden utilizar para diversos propósitos como solicitar información o asesoría sobre productos, inscirbirse a un newsletter, obtener datos para contactar a nuestros clientes, entre otros. Llevan los colores de la marca y pueden usar íconos y botones dependiendo de la sección en la que se usen. No deben ser intrusivos ni ocupar mucho espacio en el sitio.
Campos de texto
Los campos son los espacios en los que el usuario ingresa sus datos. Para diseñarlos, se deben tomar en cuenta las siguientes características:
Usos
Chat
La ventana del chat se abre al dar click en un botón. Por lo general, éste se ubica en la parte inferior o derecha de la interfaz y puede tener distintas, formas, colores y copy (call to action).
En algunos chats, se usa un formulario para capturar los datos del cliente y así poder brindarle soporte. Se pueden utilizar los distintos colores de la paleta corporativa, según el negocio.
Inicio de sesión
Por lo general, los formularios de inicio de sesión son pop-ups y se pueden usar en distintos colores dependiendo del negocio.
Newsletter
El formulario para suscribirse a un newsletter puede aparecer ya sea como pop-up o en el footer.
Pop-up
Footer
'