Es una técnica que se centra en el desarrollo de interfaces digitales, como el diseño para páginas web y aplicaciones. Está relacionada con la producción de contenido, hay diferentes tipos de gustos y tendencias que pueden basarse en una experiencia distinta en cada usuario.

La manera visual del diseño web está a cargo del CSS termino que se utiliza para caracterizar elementos escritos en html, programas como wordpress, wix, ok builder y adobe Dreamweaver entre otros permiten la edición y creación de una página web.

La atracción en leads, posicionamiento SEO, diseño web permite una atracción para el consumidor, en el marketing digital es un elemento clave en la creación y ejecución de estrategias.

La relación entre el marketing y diseño se ve en el posicionamiento web, aparecer en google, adaptarse a los nuevos clientes y llegar a un número mayor de clientes.

Es importante destacarse en experiencia de usuario, motores de búsqueda, adaptación a dispositivios móviles y buena interaccion con el usuario.

El diseñador web debe dominar las características de la publicación en internet, como los dispositivos, los clientes, las pantallas y el tipo de usuario en particular

Document

contacto

politica de privacidad terminos y condiciones

Se debe encargar de crear y diseñar sitios web de diferentes tipos: páginas, blogs landing pages o trends online.

body {
font-family: Arial, Helvetica, sans-serif;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}

form {

padding: 50px 55px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
border-radius: 20px ;
text-align: center;
width: 340px;
}

input.group {
display: flex;
flex-direction: column;
text-align: left;

}

h2 {
color: #283639;
font-size: 55px;}

label {
color: 283629;
font-size: 40px;
font-weight: 600;
margin-bottom: 15px;
}

input, text area {
padding: 17px 25px;
border-radius: 25px;
margin-bottom: 20px;
background-color: #EDFFF0;
border: 2px solid #f0faf1;
color: #283629;
outline: none;
}

input::placeholder, text area::placeholder{
color: #b5cab6;
}

.for-txt{
margin-bottom: 30px;
display: flex;
justify-content: space-between;
text-align: center;

}

.form-txt a {
color: aliceblue #76b28e
font-size: 14px;
font-weigth: 600;
text-decoration: none;

}

.btn{
font-size: 16px;
color: #FFFFFF;
border: 0;
border-radius: 25px;
background-color: #51d94c;
box-shadow: 0 0 20px rgba(25, 254, 0, 0,4);
cursor: pointer;

}

.btn:hover {
background-color: #50e04b;

}

@media(max-width: 991px) {

body {
padding: 30px

}

form {
padding: 50px 30px;
width: 100%
}

input {
padding: 15px;
}
}