Cómo crear un sitio web. Guía paso a paso

Planifique las secciones del sitio web, la idea principal y las funciones. Por ejemplo, un cliente necesita un sitio web sobre un estudio de arquitectura. Uno de los elementos fundamentales que debe incluir este sitio web son las obras y los contactos del estudio.

Sin embargo, también es importante descubrir qué diferencia al estudio de otros competidores. La agencia puede centrarse en tareas complejas y tener características únicas que la diferencien de otros servicios. Por eso no basta con subir fotos atractivas e ilustrativas. Hay un lugar para el contenido; puede compartir descripciones detalladas de todos los datos, el proceso implicado y la justificación de las decisiones.

No es necesario que muestre todos los proyectos en el sitio web; céntrese en los más importantes, explique por qué la marca o empresa es considerada experta y qué distingue su servicio de los competidores. En este punto, tendrá que utilizar menos animaciones, adornos y otros efectos especiales.

Explique el concepto de la empresa y comparta los puntos principales que engancharán emocionalmente e inspirarán a los visitantes del sitio web.

Utilice el editor de texto y escriba el contenido. Evalúe el volumen del texto para ver si puede contenerlo en una sola página. Sin embargo, si hay demasiado contenido, considere la posibilidad de utilizar un sitio web de varias páginas y añada parte de la información al menú del sitio web.

Sitios web de la competencia. Una vez que tengas la idea y la estructura del sitio web, puedes reflejar el sitio web de un competidor y encontrar características que sean adecuadas y vayan en consonancia con tu concepto. Evalúa el contenido más que el diseño: el menú, las características de la página principal y el texto.

Categorías cruzadas. Si estás trabajando en una web de representaciones teatrales, fíjate en otras webs que ofrezcan servicios similares. Si no encuentras nada parecido, consulta otras categorías cercanas, como ópera o una web de danza moderna. Si necesitas hablar de un equipo de fútbol, puedes utilizar métodos que se encuentran en sitios web de hockey o rugby.

Ejemplos inspiradores. Incluso los profesionales con años de experiencia siguen consultando nuevos sitios web con regularidad, siguen las tendencias y se inspiran en sus colegas. Sin embargo, no hace falta ser un imitador para conseguirlo todo. La idea es mantenerse al día en el cambiante mundo del diseño web, detectar las tendencias y seguirlas.

Escúchate a ti mismo: es importante que estés seguro de por qué te gusta exactamente el sitio web que estás visitando. Puede que te fascine la tipografía, la mezcla de colores y la calidad de las imágenes. Busca métodos expresivos que puedas utilizar en tu trabajo. Echa un vistazo a sitios web de diferentes ámbitos, independientemente del nicho.

A continuación encontrarás enlaces a algunos recursos con colecciones de buenos ejemplos.

Ahora que ya tiene algunas ideas e inspiración de sus competidores y sabe lo que se espera de usted, la siguiente fase es expresar estas ideas haciendo un boceto gráfico.

Esta es una de las cosas más fáciles de hacer. Coge un trozo de papel y dos bolígrafos de colores, uno negro y otro de color contrastado, y esboza un plan con la lista de todo lo necesario para el proyecto. No hace falta que llegues al detalle en este punto; céntrate sólo en la idea principal y crea un guión para el sitio web que pretendes construir.

Imagínatelo como una presentación, piensa en pantallas. ¿Qué quieres contar? Tal vez puedas mostrar un diseño atractivo que llame la atención de los visitantes y exponer la misión del sitio web de un vistazo.

Después, comparte un poco más sobre tu experiencia, esboza algunas ventajas de trabajar con el equipo y comparte sus contactos. Todas estas características tienen que estar bien esbozadas.

Hay conjuntos básicos de elementos estándar; el texto se muestra mediante líneas rectas y un titular más grueso. La imagen tiene forma de rectángulo con líneas cruzadas y elementos operativos con forma de alfiler. El titular es la franja de la parte superior; en la parte superior de la pantalla hay una línea de guiones para el logotipo, mientras que a la derecha de la pantalla hay cinco líneas de guiones para el menú.

Intenta utilizar dibujos precisos, ya que es más fácil de percibir. Suele haber muchas ideas, así que lo mejor es hacer una lluvia de ideas con tus compañeros sobre qué idea es preferible.

Antes de pasar a Tilda, es importante que te asegures de que tu contenido cumple las normas. Recuerde: ¡el contenido es la clave! En primer lugar, tiene que reunir todo lo esencial que necesita; esto incluye publicaciones, presentaciones, folletos y cualquier material que le sirva de punto de partida.

Si trabajas para un cliente, es considerable que le hagas participar en una breve entrevista. Hazles preguntas e intenta comprender el valor que ofrecen y que les diferencia de otros competidores.

Puedes transcribir la grabación tú mismo o contratar los servicios de un autónomo para que lo haga; no te costará mucho.

Si tiene intención de comisariar usted mismo el contenido, considere el siguiente plan:

Sea informativo, pero no se aventure en detalles innecesarios; sea breve y destaque lo importante -sea breve, intente compartir su información de forma escueta y amigable.

Emplee el uso de una pirámide invertida -primero diga lo importante, seguido de los detalles. En este punto, es importante emparejar el titular y el resumen. El titular debe atraer la atención y transmitir lo esencial, mientras que la descripción sirve para ampliar y completar el mensaje. Limite el uso de estructuras de introducción, evite los clichés y el estilo burocrático.

Regístrate en Tildasi aún no tienes cuenta, es gratis.

Consulte detenidamente la lista de plantillas. Elija la plantilla que mejor se adapte al proyecto en el que está trabajando. Cada plantilla es una muestra de diseño web y un buen ejemplo de combinación de bloques. Las plantillas no limitan tu creatividad: Modifícalas a tu gusto, o incluso empieza desde cero.

Consulta la sección #madeontilda. Aquí encontrarás una inspiradora selección de los mejores proyectos Tilda creados por otros usuarios.

Abre la Biblioteca de bloques y construye el sitio web basándote en el prototipo que has creado. No edites el contenido en Tilda; lo más importante es crear el diseño. Si no tienes las imágenes adecuadas, utiliza muestras de alta calidad que sean similares; podrás sustituirlas una vez que el sitio web esté listo.

Añada un menú; si le parece bien: procure que no sea demasiado grande para que no domine la página. El menú no debe superar los cinco elementos, y debe ser lo más sencillo posible. Siéntase libre de agrandar las secciones; mantenga los títulos de las secciones cortos. Tres palabras en una línea del menú no son necesarias: los elementos del menú deben ser fáciles de leer.

La portada (primera pantalla) merece especial atención. La primera impresión será buena si hay una imagen de alta calidad y un titular pegadizo y original.

Una imagen dice más que mil palabras. El uso de fotos claras y de alta resolución llegará muy lejos. De hecho, "Sin fotos no hay sitio web". Evite el uso de imágenes prediseñadas. El apretón de manos de dos hombres de negocios y sus colegas sonrientes es un concepto anticuado, estas fotos no funcionan. Es mejor hacerse una foto a sí mismo y a sus colegas que buscar imágenes ya hechas buscando en Google "empresario de éxito".

Contrate aun fotógrafo o ilustrador. Utilizar ilustradores y fotógrafos populares puede resultar demasiado caro; sin embargo, es posible encontrar profesionales a un precio razonable que estén encantados de trabajar con usted y proporcionarle contenidos atractivos que pueda utilizar en su sitio web.

Si necesita iconos, puede utilizar la biblioteca integrada Tilda Icons.

Logotipo. El logotipo debe ser horizontal. Utilizar logotipos verticales en el sitio web no resulta atractivo. Como regla general, lo ideal es incrustar el logotipo en el menú y procurar recortarlo para que ocupe menos espacio. Si no tienes logotipo, puedes escribir simplemente el título del proyecto utilizando un tipo de letra que no sea del sistema, como Proxima o Futura.

Si no tienes logotipo por algún motivo, no pasa nada, ya que apenas influye en el valor del sitio web. Es mejor pensar en las fotos y el estilo general.

Asegúrese de incluir un tipo de letra de firma, ya que afecta a la comunicación. Recuerda que el contenido desempeña un papel muy importante, por lo que el tipo de letra define el estilo de la firma. Cada fuente tiene un carácter, así que elige una que se adapte a tu contenido.

Por ejemplo, puedes utilizar Tilda Sans, el tipo de letra de firma de Tilda. Es un tipo de letra variable con licencia abierta, lo que significa que todos los usuarios de la plataforma pueden aplicarlo a sus proyectos comerciales de forma gratuita. Tilda Sans es una sans serif geométrica para la web que presenta siete pesos de fuente y garantiza una carga más rápida de la página y un uso más sencillo en cuadros de texto, encabezados, subencabezados y la interfaz general.

Por regla general, utilizar una sola fuente es suficiente para un sitio web. Pero si quiere un contraste espectacular, utilice combinaciones de fuentes como serif y sans-serif. Ejemplos de combinaciones tipográficas acertadas:

Una vez que hayas diseñado todos los bloques, echa un vistazo al sitio web y califica su aspecto. Alinea las sangrías, unifica los titulares, asegúrate de que el tamaño de letra es el mismo y de que hay suficientes espacios en blanco.

Utilice colores de firma, lo que no significa que tenga que pintar todo de colores diferentes. En lugar de eso, siga la regla de que el 90% es blanco y negro, mientras que el 10% es brillante. Utilizar un color adicional es la mejor opción. Puedes mezclar dos colores, pero debe hacerse a nivel profesional.

Si no tienes experiencia en diseño y nada parece funcionar, escribe el contenido, haz una versión de la página web en Tilda y contrata a un diseñador por un tiempo limitado.

Un diseñador profesional arreglará rápidamente la página web. Esto te ayudará a reducir costes en comparación con lo que gastas cuando encargas una página web desde cero. Por otro lado, si eres diseñador, no dudes en consultar a un amigo para comprobar los resultados y compartir una opinión imparcial.

Conecte el dominio. Para ello, especifique la dirección URL en la Configuración del sitio y, en el lado del registrador utilizado para comprar este nombre de dominio, añada un registro de tipo A que apunte a la dirección IP mostrada en Configuración del sitio → Dominio. Obtenga más información sobre cómo conectar su dominio personalizado en Tilda en el artículo del Centro de ayuda "Cómo conectar un nombre de dominio".

No se olvide de las estadísticas. Las métricas clave como páginas vistas, sesiones, clientes potenciales, fuentes de tráfico, estadísticas UTM, eventos, etc. están disponibles en Tilda en Configuración del sitio → Análisis. Puede encontrar más detalles en la guía del Centro de ayuda "Cómo realizar un seguimiento de las estadísticas del sitio web".

También puede conectar un servicio de análisis de terceros como Google Analytics: Regístrese en el servicio, obtenga el ID de seguimiento y péguelo en la configuración.

Piense en cómo pretende presentar el sitio web en los motores de búsqueda o en las redes sociales y rellene su título y descripción. Proporcione a cada página una insignia o una imagen de vista previa que se mostrará cada vez que la página se comparta en las redes sociales.

Pruebas. Llegados a este punto, ya has terminado el sitio web; lo siguiente es obtener opiniones de los visitantes. Enséñasela a tus colegas y amigos, pídeles que hagan comentarios críticos sobre lo que piensan y cómo se puede mejorar la web. Comparte el enlace con tus clientes y pídeles su opinión.