La GUIA completa del

diseño web

Actualizado el 22 de Octubre de 2022


Estimado empresario / emprendedor,

sabemos que hacer crecer un negocio en digital es difÍcil

y mas con un sitio web de m*erda como el que tienes.

**es broma**; primer aviso de que lo dramatizamos todo.

Sumado a todo el ajetreo que conlleva mantener un negocio,

encima tienes que darle importancia a algo tan intangible y tan poco humano.

Y se te pasa por la cabeza buscar en Google 'diseño web’.

Ole tú.

Con ganas de sacarle provecho a toda la demanda de tu producto o servIcio en digital,

te decides enfocar en una web a medida. 

Una web que respire aires de grandeza, 

que venda solo al cargarse, 

que seduzca mas que Esther Exposito con gafas de pasta

Y que encima,

te permita fidelizar a tus clientes.

Pues enhorabuena.

Has encontrado una de las guias de diseño web mas completa y menos concisa de todo internet. 

Saludos,

Danipa Development.

¿Qué es el diseño web?

El diseño web es aquella disciplina que se dedica a poner bonito lo que todos nos desencanta. Poner bonito que es una página web. 

El diseño vas ahí va más allá de lo estético, el diseño es inspiración, es arte, es hablar a través de la comunicación visual. a través del diseño web, se busca atraer usuarios, seducir mediante la navegación, intuitiva y persuasiva, aumentar ventas en tu eCommerce, generar atracción por la marca. nos podemos basar en lo que nos dice Wikipedia, pero preferimos darle una definición más artística ya que es un arte.

Y realmente el arte lo tiene que tener el diseñador web, ya que hay una gran faena para entender lo que quiere comunicar el empresario a través de píxeles en cuanto a su negocio. 

El diseño web es enamorar a través del uso correcto de colores, del uso homogéneo y adecuado de la tipografía, de la majestuosidad de unas interacciones fantásticamente aplicadas al movimiento del ratón, de la facilidad para dar acceso al usuario a generar una conversión.

¿Como hacer un buen diseño web SEO friendly?

En primer lugar, se tiene que hacer un estudio de palabras clave, el cual nos va a facilitar hacer un esquema web que nos permita plantear un diseño navegación al mente útil para el Seo. 

Y cuando decimos plantear un diseño web seo, nos referimos a determinar la esquemática navegación al de la página web, a los resultados más buscados, con el objetivo de maximizar nuestras posiciones en Google

2. Plantéate si realmente necesitas una web a medida.

No es broma.

Si realmente tienes menos de 500€ y quieres salir con una web totalmente personalizada…

lo sentimos pero tenemos que ser francos contigo; es muy difícil. 

Si eres uno de ellos, no te preocupes, te decimos que haríamos si tuvieramos poco tiempo y dinero y quisieramos una web a medida.

Sigue los siguientes pasos:

- Llamar a ese compañero de clase que sacaba sobresaliente en plástica.

- Pedirle un diseño web a medida.

- Ofrecerle un truque y si no sale la jugada darle dinero

- Recibir el diseño web

- Visitar la web de fiverr 

- Buscar un indio que lo programe y tenga buenas reviews.

- Pagarle poco para que desarrolle el diseño

- Recibir la web

- Y empezar a jugar, 
seguramente insatisfecho de la calidad de tu nueva web.

Resumiendo,
usa un template en ese caso.

3. Como más fácil lo pongas mejor.

Dale el máximo de información a la agencia o autónomo que lo haga. Dicen que los de danipa lo entienden todo a la primera. 😏

Dile los Colores predominantes, la historia de tu proyecto, el uso que le daras a la web, el tipo de visitante que navegara en tu web, la tecnología que quieres usar “webflow, wordpress, shopify…”

¿Se puede customizar el diseño web en wordpress?

Se puede customizar mediante plugins cómo elementor pro, unyson, Pagelayer, Colibri, WP Table Builder.

Éstos te dan la posibilidad de diseñar desde plantillas blancas, es decir, desde cero. Y tu, con tu toque artístico, le puedes cambiar de colores de background, botones, etc. puedes mover elementos y diseñar secciones.

En danipa web development desarrollamos con webflow un diseño a medida y exportamos el código para publicarlo en Wordpress.

Eso te da la posibilidad de recibir una web absolutamente custom y con una estética a medida, y seguir usando Wordpress cómo gestor de contenidos web.

Lo mejor de esto es que no tienes que renunciar a las características que hacen que Wordpress sea tan bueno. Puedes seguir instalando plugins y temas, y tienes el mismo nivel de flexibilidad que con cualquier otro sitio de Wordpress. Lo mejor de esto es que no sólo es una gran manera de personalizar el diseño de tu sitio web, sino que también es una gran manera de asegurarte de que tu sitio web se vea como quieres que se vea.

Las 3 claves para tener un diseño web profesional

1. Saber lo que quieres, es importante.

Si no sabes lo que quieres, se lo pondras difícil al diseñador.

¿Quieres un estilo moderno, quizás estas enamorado del cubismo, quieres ecommerce pero de productos digitales y con login de google?

¿Qué es lo que realmente quieres?

2. Entender lo que realmente necesitas, aún es más importante.

Muchas veces, lo que quieres, no es lo que realmente necesitas. Varios clientes de danipa nos piden un diseño rompedor, con complejas interacciones, videos enormes, etc.

Y es nuestra responsabilidad informar al cliente, que, si por ejemplo, su objetivo es vender productos, la velocidad web primará más que las animaciones complejas, las cuales aumentan el tiempo de carga, entre otros ejemplos.

3. Deja que un experto diseñador te sorprenda

Es lo mismo que en un restaurante, nos dejamos sorprender por los cocineros.

Déjate sorprender por un buen diseñador, ellos saben cómo usar los espacios, han estudiado el comportamiento del usuario en los distintos dispositivos, han invertido horas y horas dibujando, creando y perfeccionando.

Creeme que si encuentras a un crack, tu web tendrá un toque divino.

Los 5 cursos de diseño web que te recomendamos profundamente

Tanto si te estás iniciando en este campo como si quieres ampliar tus conocimientos, hay un montón de clases online que te ayudarán a mejorar tus habilidades de diseño web.

Desde el aprendizaje de los fundamentos de HTML y CSS hasta temas avanzados como el diseño UX, hay algo para cada nivel de experiencia. Estos cursos también son prácticos: Puedes tomarlos en línea a tu propio ritmo, cuando sea más conveniente para ti.

1. WebFlow University, Ultimate web design course

2. BYOL: Beginner Web Design Using HTML5, CSS3 & Visual Studio Code

3. OpenClassrooms Course: Build Your First Web Pages With HTML and CSS

4. Udemy Course: Web Design for Beginners: Real World Coding in HTML & CSS

5. Frontend Masters: CSS Grids/Flexbox Course