← Diseño web desde cero

Qué necesitas antes de crear tu web.

Una buena página web no empieza escribiendo código. Empieza definiendo qué quieres conseguir, a quién quieres llegar y qué información necesita encontrar esa persona.

Nivel · Principiante Tiempo · 15–20 min Ruta · Diseño web

01

Empieza por el objetivo.

Antes de elegir colores, imágenes o tipografías, debes responder una pregunta:

¿Para qué existe esta página web?

Una web puede tener objetivos diferentes: presentar un negocio, conseguir clientes, mostrar un portfolio, vender productos, recibir reservas, compartir contenido o captar suscriptores.

Si no defines el objetivo, será difícil saber qué contenido necesitas y qué acción debe realizar el visitante.

02

Define a quién quieres llegar.

No necesitas conocer absolutamente todos los detalles de tu cliente ideal, pero sí tener una idea clara de quién va a utilizar tu web.

01

¿Quién es esa persona?

02

¿Qué problema o necesidad tiene?

03

¿Qué información busca?

04

¿Qué debería hacer después de visitar tu página?

03

Decide qué páginas necesitas.

Una web pequeña no necesita veinte páginas. Es mejor empezar con una estructura clara.

01

Inicio

Explica de forma rápida qué haces y para quién.

02

Sobre

Presenta el proyecto, marca o negocio.

03

Servicios

Explica qué puedes ofrecer y cómo puedes ayudar.

04

Portfolio

Muestra proyectos, casos o trabajos realizados.

05

Contacto

Facilita que una persona pueda escribirte.

06

Recursos

Añade contenido útil si forma parte de tu estrategia.

04

Prepara el contenido antes de diseñar.

Uno de los errores más comunes es empezar a diseñar una página sin saber qué texto va a contener.

Antes de abrir el editor, prepara al menos:

01

Título principal de la web.

02

Breve descripción de tu proyecto.

03

Descripción de tus servicios o productos.

04

Llamadas a la acción.

05

Información de contacto.

05

Define una identidad visual básica.

No necesitas crear una identidad de marca compleja para comenzar, pero sí mantener cierta coherencia.

COLORES

Una paleta sencilla.

Elige entre 2 y 4 colores principales que puedas repetir en toda la web.

TIPOGRAFÍAS

Pocas y legibles.

Utiliza una o dos familias tipográficas para mantener consistencia.

La coherencia visual suele ser más importante que utilizar muchos elementos decorativos.

06

Prepara tus imágenes.

Las imágenes pueden hacer que una web se vea profesional o totalmente desorganizada.

Intenta utilizar imágenes que tengan un estilo similar y evita subir archivos excesivamente pesados.

También conviene poner nombres descriptivos a los archivos, por ejemplo:

diseno-web-digital-ukhti.jpg

07

Piensa en tu dominio.

Si tu proyecto tendrá una presencia profesional, merece la pena pensar desde el principio qué dominio quieres utilizar.

Un buen dominio suele ser:

01

Fácil de recordar.

02

Fácil de escribir.

03

Relacionado con tu marca.

04

Lo más corto posible.

Antes de empezar tu web, define:

  • El objetivo principal.
  • El público al que quieres llegar.
  • Las páginas necesarias.
  • Los textos principales.
  • La llamada a la acción.
  • Los colores y tipografías.
  • Las imágenes.
  • El dominio.

Planifica tu primera web.

Antes de pasar a la siguiente lección, abre un documento o una hoja de papel y responde:

  1. ¿Cuál es el objetivo de mi web?
  2. ¿Quién quiero que la visite?
  3. ¿Qué páginas necesito?
  4. ¿Cuál será mi llamada a la acción principal?
  5. ¿Qué contenido tengo preparado?
  6. ¿Qué contenido me falta?

Guarda estas respuestas. Las utilizarás más adelante cuando empecemos a construir la página.

LECCIÓN ANTERIOR

← 01 · Cómo funciona una página web

SIGUIENTE LECCIÓN

03 · Qué es HTML →