checklist, check, mark

Guía para diseñar una página web

En esta guía aprenderás los conceptos básicos y el paso a paso que debes seguir al momento de materializar tu idea de tener una página web personal o profesional. También puede que ya tengas una página web, pero nunca te tomaste el tiempo de entender lo que pasa detrás de ella o incluso si estás cometiendo algún error en tu diseño.

CONCEPTOS BÁSICOS PARA PÁGINAS WEB

Para iniciar un proyecto de sitio web es prioritario que entiendas algunos conceptos que serán esenciales en los diálogos con tu diseñador o desarrollador. Para ello, he creado una lista de términos que te ayudarán.

Sitio Web

Cuando hablamos de un sitio web nos referimos a todo el contenido que vas a publicar y que será visible desde internet. Por lo tanto, este contiene todas las páginas web que se han desarrollado; por ejemplo, un sitio web corporativo típicamente tiene estas secciones: Inicio, Servicios, Contacto, Sobre mí y Blog. Una comparación sencilla sería verlo como un libro completo: tapa, contraportada y todas sus páginas.

Página Web

Una página web es entonces una «hoja» que contiene información específica que vas a publicar de forma individual; serían como las páginas internas de un libro. Normalmente, al visitar un sitio web lo primero que vemos es su página de Inicio o Home.

Dominio

Este término, aunque un poco más técnico, corresponde al nombre de tu negocio o sitio web en internet. Es el nombre con el cual te van a encontrar en la red; por ejemplo: https://talentoremoto.com o https://tpconectar.com/. Como ves, es indispensable contar con uno para publicar tu sitio web en línea. Para ello debes comprarlo en portales como GoDaddy, Latinoamérica Hosting o Namecheap.

Ten presente que existen muchas extensiones posibles y que estas dependerán de la naturaleza de tu sitio web: .com para comercio, .co para Colombia o “company”, .online para blogs, .org para organizaciones sin ánimo de lucro, entre muchas otras opciones.

Hosting

El hosting es una infraestructura física compuesta por uno o varios dispositivos de hardware (servidores) ubicados en un centro de datos, con condiciones de energía y ambiente adecuadas para mantenerse activos sin interrupciones. Es allí donde se instalan las aplicaciones necesarias para que un sitio web pueda ser publicado y configurado.

Existen diferentes tipos de hosting y su selección dependerá de las exigencias de los servicios web que se van a publicar. Algunos proveedores de este servicio son Latinoamérica Hosting, Hostinger o Siteground.

¿PARA QUÉ?

¿Cuál es el objetivo de tu página web?

woman, thinking, question

Muchos de nosotros hemos tomado la decisión de crear una página web porque necesitamos un ingreso extra o porque queremos ganar más. Sin embargo, en la página debemos trazarnos un objetivo claro: qué es exactamente lo que quieres que tu cliente haga cuando llegue a tu sitio.

Por ejemplo: ¿Quieres que te llamen?, ¿que dejen sus datos de contacto para enviarles información de un evento?, ¿que compren tu producto en línea?, ¿o que se pongan en contacto de cualquier forma para solicitar una cotización o presupuesto? Piensa: ¿para qué quieres tu sitio web? Y luego, para la página de inicio y cada página interna (Servicios, Contacto, Sobre mí…), define qué quieres que haga tu cliente en cada una de ellas.

¿POR QUÉ?

¿Qué hay para tu cliente?

house painter, balloon, why

Debes expresar de forma clara y sencilla qué encuentra tu cliente en tu web. Para ello necesitas tener muy claro quién es tu cliente ideal y explicar de forma breve y concreta qué problema le estás resolviendo.

De esta manera, el cliente sabrá desde el primer momento qué ofreces y si tu propuesta está pensada para él.

BENEFICIOS

¿Qué gana el cliente que compra tus servicios o productos?

startup, entrepreneur, entrepreneurship

Es muy común que nos enfoquemos en describir con detalle las características de nuestros servicios o productos, pero el cliente no compra solo de forma racional, sino principalmente de forma emocional. Por ejemplo, al hablar de la autonomía de la batería de un móvil, un beneficio sería que el cliente se sienta tranquilo porque no necesitará cargar su teléfono durante todo el día.

Tu tarea es convertir las características en beneficios y expresarlos de forma clara en tu web, de modo que el cliente entienda cómo mejora su vida o su negocio al trabajar contigo.

EN EL DISEÑO

Su desarrollador o diseñador Web requiere esta información.

computer, laptop, work place

Nadie mejor que tú conoce tu negocio y tus objetivos. Por lo tanto, es tu responsabilidad elaborar una buena documentación sobre tu oferta de valor y los servicios que vas a ofrecer, así como definir quién es el cliente ideal al que quieres llegar

Información base Inicial

  • Documentación multimedia (imágenes de servicios o productos), preferiblemente de buena calidad, con buena iluminación y resolución de 1920×1080 o menor, según el uso que se les dará.
  • Logo, si ya se tiene, preferiblemente en su archivo original. Si lo necesitas con fondo transparente, en formato PNG y con un tamaño máximo de 300×300 px.
  • extos para las descripciones de la portada, servicios/productos y “Sobre nosotros”, donde se describe quién es la empresa.

Algunas preguntas para el contenido

  • ¿A quién va dirigida la página? Explica brevemente el tipo de cliente.
  • ¿Cuál es el propósito de la página? Por ejemplo: que el cliente llame directamente a un número para pedir un presupuesto o que se suscriba dejando su email.
  • ¿Qué diferencia a tu negocio del resto?, o ¿por qué deberían comprar en tu negocio y no en otro?
  • ¿Tu empresa tiene logo y algún esquema de color definido?
  • ¿Te gusta el diseño o la funcionalidad de alguna página web? Esto sirve para darnos una idea de cómo quieres que se vea tu sitio.
  • ¿Qué incluirías de ese diseño en el tuyo y qué no incluirías?
  • ¿Quién estará involucrado en el proyecto? (otros diseñadores, programadores o técnicos de algún tipo.)
  • ¿Tienes algún presupuesto máximo?
  • ¿Tienes algún plazo para la salida a producción de tu sitio Web?
  • ¿Cuántos y cuáles son esos productos o servicios que vas a comercializar?
  • Textos de los términos y condiciones.