Saltar al contenido
El diseño web es una de las industrias más creativas del mundo. El diseño web ha recorrido un largo camino desde sus humildes comienzos en la World Wide Web 1.0 hasta las modernas y rapidísimas velocidades de las páginas y los avances en las experiencias digitales para los usuarios.

El diseño web es el conjunto de técnicas estrechamente relacionadas con el diseño gráfico, la experiencia del usuario y la interfaz gráfica. La cual permite el desarrollo de una estructura que contiene imágenes, texto y archivos codificados que permite mostrar al usuario final objetos perfectamente ordenados. Los diseñadores web suelen trabajar en equipo con desarrolladores de software y gestores de proyectos para crear sitios web y móviles.

Entonces el diseño web es un documento electrónico que sirve como herramienta de marketing público para las empresas. El proceso de diseño web implica la determinación de los objetivos empresariales, la estructuración de los contenidos y la realización de pruebas de usabilidad, entre otras cosas.
El desarrollo web, también conocido como desarrollo de sitios web, es el proceso de construcción de sitios web mediante un lenguaje específico. El desarrollo de un sitio web puede abarcar desde la confección de una página HTML básica hasta un intrincado sitio web que implique numerosas tecnologías, como la optimización de motores de búsqueda, el comercio electrónico y diversas formas de comunicación, incluidas las aplicaciones web.

El desarrollo web se suele dividir en dos partes el back end y el front end. Las tecnologías más usadas hoy en día para realizar un sitio web son, HTML, CSS, PHP, JAVASCRIPT Y .NET entre otras. Hablemos un poco de alguno de ellos para entender cómo se comporta un desarrollo web.

Una web se podría decir que es como un edificio. La misma está compuesta por un esqueleto HTML, que se usa para hacer los cimientos y columnas de este edificio. Luego tenemos que agregarle funcionalidades a ese edificio, luz, gas, agua etc, se podría comparar como el lenguaje javascript que se usan para darle funcionalidad a la la web, que los botones redirecciona a donde corresponda, que se envíe un formulario de contacto, o para animar objetos. Y por último al edificio hay que darle estilo, reboque, enduido, pintura. Aquí le damos la bienvenida al CSS que es el que nos permite darle estilo a la web, color, tipo de fuente, y así también que sea adaptable a distintos dispositivos. Vamos a ver en detalle qué es cada uno de ellos.
Muchas veces se confunden los términos de diseño web y desarrollo web.  En este articulo vamos a mencionar las diferencias que existen entre ambos. El desarrollo web se suele utilizar para prácticas más relacionadas a la programación de la misma. Mientras que el diseño web ,como vimos antes, es el arte de crear estructuras que pueden ser agradables para la vista del usuario que consume el sitio web.

Las páginas web pueden ser diseñadas en distintas herramientas como Photoshop, Illustrator entre otras. Generalmente se realiza el diseño en base a colores y estilo preferencial del cliente. Es por esto que antes de comenzar se preparan varios elementos para no fallar en la composición del diseño. La persona indicada de lleva a cabo esto es un diseñador gráfico generalmente. El mismo comienza implementando un branding o identidad visual de los elementos como colores, tipo de letra o fuente a utilizar, elementos a incorporar en su negocio. Un elemento muy importante en el diseño de identidad es el logo el cual marca varios aspectos de la web. Una vez finalizado y aprobado el branding o identidad visual se envía la información al desarrollador web. Algunas veces existen dos personas en el proceso de desarrollo. Una que se encarga de la interfaz de usuario y la experiencia de la misma y otra que se encarga de montar todo el ambiente necesario para que esa web funcione y se muestre en internet.

El diseñador UX/UI. El término UX hace referencia el user experience, si esta parte de la web la misma puede fracasar rotundamente dentro de internet. Es un paso de vital importancia para que el usuario tenga una aventura única dentro de la web y le de gusto visitarla por el fácil acceso a la misma, la velocidad de la misma, y la composición de sus elementos. Luego entra en juego el término UI que se refiere a user interface, este último se refiere a todo la parte visual de la web, objetos, imágenes, tipo de fuente entre otros. hace que la web se vea bonita a la vista
Muchas veces se confunden los términos de diseño web y desarrollo web.  En este articulo vamos a mencionar las diferencias que existen entre ambos. El desarrollo web se suele utilizar para prácticas más relacionadas a la programación de la misma. Mientras que el diseño web ,como vimos antes, es el arte de crear estructuras que pueden ser agradables para la vista del usuario que consume el sitio web.

Las páginas web pueden ser diseñadas en distintas herramientas como Photoshop, Illustrator entre otras. Generalmente se realiza el diseño en base a colores y estilo preferencial del cliente. Es por esto que antes de comenzar se preparan varios elementos para no fallar en la composición del diseño. La persona indicada de lleva a cabo esto es un diseñador gráfico generalmente. El mismo comienza implementando un branding o identidad visual de los elementos como colores, tipo de letra o fuente a utilizar, elementos a incorporar en su negocio. Un elemento muy importante en el diseño de identidad es el logo el cual marca varios aspectos de la web. Una vez finalizado y aprobado el branding o identidad visual se envía la información al desarrollador web. Algunas veces existen dos personas en el proceso de desarrollo. Una que se encarga de la interfaz de usuario y la experiencia de la misma y otra que se encarga de montar todo el ambiente necesario para que esa web funcione y se muestre en internet.

El diseñador UX/UI. El término UX hace referencia el user experience, si esta parte de la web la misma puede fracasar rotundamente dentro de internet. Es un paso de vital importancia para que el usuario tenga una aventura única dentro de la web y le de gusto visitarla por el fácil acceso a la misma, la velocidad de la misma, y la composición de sus elementos. Luego entra en juego el término UI que se refiere a user interface, este último se refiere a todo la parte visual de la web, objetos, imágenes, tipo de fuente entre otros. hace que la web se vea bonita a la vista

QUÉ ES EL DISEÑO WEB?

01

DISEÑO WEB

02

DESARROLLO WEB

03

DESARROLLO WEB VS DISEÑO WEB

04

LANDING PAGE VS PAGINA WEB SECCIONADA

Logo Petricoran (1)

¿Qué es el Diseño web?

El diseño web es una de las industrias más creativas del mundo. El diseño web ha recorrido un largo camino desde sus humildes comienzos en la World Wide Web 1.0 hasta las modernas y rapidísimas velocidades de las páginas y los avances en las experiencias digitales para los usuarios.


El diseño web es el conjunto de técnicas estrechamente relacionadas con el diseño gráfico, la experiencia del usuario y la interfaz gráfica. La cual permite el desarrollo de una estructura que contiene imágenes, texto y archivos codificados que permite mostrar al usuario final objetos perfectamente ordenados.
Los diseñadores web suelen trabajar en equipo con desarrolladores de software y gestores de proyectos para crear sitios web y móviles.



Entonces el diseño web es un documento electrónico que sirve como herramienta de marketing público para las empresas. El proceso de diseño web implica la determinación de los objetivos empresariales, la estructuración de los contenidos y la realización de pruebas de usabilidad, entre otras cosas.

Historia del diseño web

La historia del diseño web comienza en 1989 con lo que muchos consideran el primer sitio web: info.cern.ch alojado por Tim Berners-Lee. El sitio no era más que una única página HTML y su contenido se refería principalmente a los aspectos técnicos de la conexión de ordenadores en una red de comunicación. A medida que la información crecía en este sitio, se trasladó a su propio directorio con la extensión .html en http://info.cern.ch/hypertext/WWW/TheProject.html, que significa proyecto World Wide Web

Logo Petricoran (1)

¿Qué es el Desarrollo Web?

El desarrollo web, también conocido como desarrollo de sitios web, es el proceso de construcción de sitios web mediante un lenguaje específico. El desarrollo de un sitio web puede abarcar desde la confección de una página HTML básica hasta un intrincado sitio web que implique numerosas tecnologías, como la optimización de motores de búsqueda, el comercio electrónico y diversas formas de comunicación, incluidas las aplicaciones web.

El desarrollo web se suele dividir en dos partes el back end y el front end. Las tecnologías más usadas hoy en día para realizar un sitio web son, HTML, CSS, PHP, JAVASCRIPT Y .NET entre otras. Hablemos un poco de alguno de ellos para entender cómo se comporta un desarrollo web.

Una web se podría decir que es como un edificio. La misma está compuesta por un esqueleto HTML, que se usa para hacer los cimientos y columnas de este edificio. Luego tenemos que agregarle funcionalidades a ese edificio, luz, gas, agua etc, se podría comparar como el lenguaje javascript que se usan para darle funcionalidad a la la web, que los botones redirecciona a donde corresponda, que se envíe un formulario de contacto, o para animar objetos. Y por último al edificio hay que darle estilo, reboque, enduido, pintura. Aquí le damos la bienvenida al CSS que es el que nos permite darle estilo a la web, color, tipo de fuente, y así también que sea adaptable a distintos dispositivos. Vamos a ver en detalle qué es cada uno de ellos.

El lenguaje de etiquetado en HTML

Si bien no se lo considera un lenguaje de programación sino un lenguaje de etiqueta y estructura permite darle las columnas a la web mediante etiquetas o tags. Estas son interpretadas por el explorador web y le dan una base visual e informativa al sitio.

Lenguaje CSS

El lenguaje de estilo acompaña al lenguaje de etiquetas mediante la colocación de clases o id dentro de las etiquetas del html. A continuación vamos a ver un ejemplo de este último. Generalmente se colocan dentro de etiquetas

Lenguaje Javascript

El lenguaje Javascript es uno de los más usados para el desarrollo web y más utilizado por los programadores. Hoy en día existen muchos Frameworks que utilizan javascript como base por ejemplo: Angular, React VUE,. Asimismo es utilizado para algo impensado años atrás, backend un ejemplo es NODE JS. ¿Pero para qué utilizarlo? Este último se utiliza para darle funcionalidades a la web para que sea más llamativa como el movimiento de un texto o botón o para el envío de formularios de contacto al email.

Lenguaje PHP

PHP es un lenguaje de programación a nivel servidor diseñado para el desarrollo de páginas web dinámicas. El código PHP es interpretado por el servidor, que produce la página web resultante, por lo que el código PHP en sí no suele incluirse en el HTML que se envía al usuario; en su lugar, la salida renderizada del script se devuelve como parte de un documento HTML.
Logo Petricoran (1)

¿Hay diferencias? Desarrollo web vs Diseño web

Muchas veces se confunden los términos de diseño web y desarrollo web.  En este articulo vamos a mencionar las diferencias que existen entre ambos. El desarrollo web se suele utilizar para prácticas más relacionadas a la programación de la misma. Mientras que el diseño web ,como vimos antes, es el arte de crear estructuras que pueden ser agradables para la vista del usuario que consume el sitio web.

Las páginas web pueden ser diseñadas en distintas herramientas como Photoshop, Illustrator entre otras. Generalmente se realiza el diseño en base a colores y estilo preferencial del cliente. Es por esto que antes de comenzar se preparan varios elementos para no fallar en la composición del diseño. La persona indicada de lleva a cabo esto es un diseñador gráfico generalmente. El mismo comienza implementando un branding o identidad visual de los elementos como colores, tipo de letra o fuente a utilizar, elementos a incorporar en su negocio. Un elemento muy importante en el diseño de identidad es el logo el cual marca varios aspectos de la web. Una vez finalizado y aprobado el branding o identidad visual se envía la información al desarrollador web. Algunas veces existen dos personas en el proceso de desarrollo. Una que se encarga de la interfaz de usuario y la experiencia de la misma y otra que se encarga de montar todo el ambiente necesario para que esa web funcione y se muestre en internet.

El diseñador UX/UI. El término UX hace referencia el user experience, si esta parte de la web la misma puede fracasar rotundamente dentro de internet. Es un paso de vital importancia para que el usuario tenga una aventura única dentro de la web y le de gusto visitarla por el fácil acceso a la misma, la velocidad de la misma, y la composición de sus elementos. Luego entra en juego el término UI que se refiere a user interface, este último se refiere a todo la parte visual de la web, objetos, imágenes, tipo de fuente entre otros. hace que la web se vea bonita a la vista

Logo Petricoran (1)

Diseño Landing Page (DLP) vs Web Seccionada (DWS)

DLP (Landing Page)

Existen diferentes tipos de diseños web, los llamados DLP (Diseño Landing Page), son los más utilizados para negocios que necesitan hacer campañas de marketing digital relámpago o BLITZ. Son esenciales y super rápidas para ofrecer un producto o un servicio en particular. Muchos de nuestros clientes que utilizan este tipo de web son los estudios jurídicos, empresas de tecnología entre otros.

DWS (Web Seccionada)

Por otro lado tenemos los DWS (Diseño Web Seccionado), los cuales son utilizados por emprendimientos o empresas que tratan de informar a sus potenciales clientes acerca de sus servicios, no se suelen utilizar para campañas de publicidad, se emplean mucho para pymes referidas a la industria naviera o para empresas de higiene y seguridad.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *