Saltar al contenido
Inicio » Diseño de páginas Web

Diseño de páginas Web

¿Qué pasos hay que dar para crear una página web? Te enseño el proceso de diseño web que sigo para mis proyectos profesionales.

Si quieres saber más sobre los tipos de proyecto que ofrezco en ShokaWeb, los tienes disponibles aquí mismo. ⬇

tarifa de diseño web one page

Si quieres una página básica y sencilla que te ayude a cumplir tus primeros objetivos.

Fundamental

Tarifa de diseño web fundamental shokaweb

Lo que necesitas para empezar un proyecto serio. O incluso si tienes que actualizar una web desfasada.

Esta tarifa Ofrece todo lo fundamental y además el diseño de tu imagen de marca.

En el proceso de diseño de páginas web vamos a plantearnos muchas preguntas y es recomendable contar con un profesional competente.

Quiero arrojar algo de luz respecto a los aspectos generales del proceso de creación de una web así que ponte cómoda que allá vamos.

Una página web, en contra de lo que todo el mundo piensa, es eso. Una única página web en la que se muestra todo el contenido (web estilo One Page)

El contenido se estructura empezando con lo más relevante para el usuario, y a continuación se irán agregando secciones una debajo de otra.

Habitualmente, para facilitar el acceso a todas las secciones, habrá un menú desplegable en la parte superior que se desplazará con nosotros según hagamos «scroll» hacia abajo.

Durante el proceso de diseño web, debemos estructurar bien el contenido e ir creando enlaces estratégicos que guíen al usuario a conseguir la información que ha venido a buscar o le pueda interesar.

Un ejemplo perfecto de esto es la web de mis clientes Por las Ramas Podas

Ya que existe este malentendido con lo que es UNA página web, se han comenzado a adaptar términos como One Page, para diferenciarlo cuando hablamos generalizando:
-«Necesito una página web».
Lo mismo tu proyecto necesita ser mostrado en un web site o sitio web y no en una one page.

Un Sitio Web, como Shokaweb, es lo que estamos más acostumbrados a ver. Una agrupación de páginas web dentro del mismo dominio.

Los menús suelen llevarnos a diferentes secciones creadas a parte de la página principal.
Y así podemos dejar la «front page» como escaparate de tu sitio.

Se las suele llamar «webs corporativas». Una web corporativa es aquella que trasmite la imagen, valores y productos o servicios de una empresa.

El tipo y el diseño de página web se define en función de las necesidades de la empresa.

¿No necesitas dar mucha información? pues seguramente, con una «One Page» tienes suficiente.

Pero tal vez necesites un sitio web, en caso de que tengas que tratar diferentes temas.

O quieras mostrar el contenido de una manera más estructurada. O lo mismo vendes productos y necesitas una tienda Online. Sobre tiendas online te hablo aquí ⬇

En cualquier caso, cada proyecto es distinto. Y debe ser estudiado a fondo si queremos que cumpla nuestros objetivos. Pero el proceso de diseño de la web es el mismo.

En las siguientes fotos de muestra, puedes hacerte una idea de diferentes tipos de sitios web.
Websites de noticias, tipo revista. Portfolios para mostrar galerías de fotos. Incluso academias de E-learning para impartir clases online.

ejemplo diseño web tipo magazine
*Themeforest .net
Ejemplo web academia online
themeforest.net/item/masterstudy
ejemplo diseño web corporativo
Ejemplo web corporativa
ejemplo diseño páginas web restaurante
Tipos de subpáginas

Seguro que has escuchado que hacer páginas web es fácil , gracias a las nuevas formas de hacerlas.

Antes, para hacer diseño web necesitabas ser informático. Haber aprendido lenguajes de programación o programas de diseño basados en esos códigos. Y desde luego no costaban lo que cuestan ahora. Eran mucho más caras.

Es verdad que las nuevas tecnologías han facilitado enormemente la labor de los diseñadores, pero aunque está pensado para que aprenda todo el mundo a usarlo, no todo el mundo dispone del tiempo para aprender o de los conocimientos necesarios para hacerlo de forma profesional.

La cercanía con la que se muestran al público estas herramientas de diseño web, ha dado pie a que cualquiera que haya creado por ejemplo una página de facebook, o un blog, se anime a crear también un sitio web.

Muchas empresas han delegado en familiares y amigos no profesionales, algo tan importante como su presencia online.

Si es tu caso, y estás a tiempo de contratar los servicios de un profesional, hazme caso, e infórmate de cuánto tienes que ganar.

Si crees que un diseñador web profesional sale caro, no te imaginas lo caro que puede salirte la web que te creó tu sobrino.

páginas web éticas

Evita disgustos. Te ofrezco diseño web de calidad y ético, sin recurrir a prácticas dudosas y sin incluir más de lo que necesitas. Tendrás una web rápida, útil, libre de errores o problemas. Y, además, sabrás cómo usarla porque yo te enseñaré.

En cualquier caso, quiero enseñarte mi proceso para crear cualquier proyecto de diseño y desarrollo web. ¡Vamos allá!

Para llegar al diseño web, primero deberemos elegir el alojamiento o Hosting para nuestra página.

Un hosting viene a ser el hotel en el que vivirá tu página.

En el hosting te hospedan la página durante el tiempo que quieras. Lo más habitual es que se empiece con una suscripción a un año.

Diseño de paginas web. Monstruito shokaweb
El pequeño monstruito que es tu web, eligiendo habitación.

Hay muchas empresas que ofrecen el servicio de alojamiento. Pero hay varios factores que debes tener en cuenta antes de contratar.

En el siguiente enlace puedes acceder a una oferta en ProfesionalHosting.com
Alojamiento + dominio incluido

ProfesionalHosting – Hosting Web + Dominio incluido

También deberás elegir y registrar el Dominio de tu página. Que suele ser el nombre de tu empresa seguido del .com .es o cualquier punto que esté disponible y sea de tu interés.

Vaya por delante que registrar el dominio es una forma de alquiler. Normalmente no te compras un dominio, si no que se alquila por tiempo limitado. Si pasado ese tiempo no se renueva, pierdes el nombre de tu página. Y si a otra empresa le viene bien tu nombre puede registrarlo.


Ojo, una cosa es el registro del nombre de tu página y otro es el registro oficial en la oficina de patentes y marcas. Si tu empresa ya está en el registro oficial, nadie podrá usar el nombre de tu empresa. En este caso se podrían emprender acciones legales sobre quien usurpe tu nombre.

Elegir el dominio de tu sitio, el punto en el que acaba, es una parte importante del proceso de diseño web.

Por ejemplo, tenemos muy metido en la cabeza que cualquier dirección web acaba en «puntocom». Así que la mayoría de las empresas intentan registrar su nombre terminado en .com para que los usuarios les encuentren enseguida en las búsquedas.

Los dominios que acaban en .com o .net son dominios universales o genéricos que suelen ser algo más caros que comprar un .es.

El dominio .es se refiere al territorio español, .eu al europeo, etc.

Elegirlo dependerá de tu tipo de negocio:

  • Si vas a recibir usuarios/clientes de otros países, viene bien un dominio universal que no determine dónde desarrollas tu actividad.
  • O si por el contrario tu rango de acción se centra más en el territorio que habitas, o donde quieres vender.

Tu página en .es se verá igual en cualquier parte del mundo. No quiere decir que si es .es sólo se vea en España.

Lo que un profesional de Diseño de páginas web suele hacer, es cribar por ti en ese bazar de hoteles para páginas, y encontrarte el que cumpla con un buen precio y mejor soporte por parte de su equipo.

Queremos un hotel que no se pase con los precios, pero que nos ofrezca una atención al cliente como la que nosotros queremos ofrecer a los nuestros.

Es un buen motivo por el que contratar los servicios de alguien que conozca la forma de trabajar habitual de los Hosting. Así evitaremos engrosar el presupuesto innecesariamente, perdiendo unas monedas que nos vendrán estupendamente más adelante.

Diseño y desarrollo web Shokaweb
Contrata el proceso de diseño web a un profesional

Registrar el dominio en el mismo hosting es posible. De hecho es una práctica habitual. A veces los hosting te ofrecen el dominio gratuito si te hospedas con ellos durante un tiempo determinado.

También puedes elegir alquilarlo en otro sitio que ofrezca dominios. Puede ser que lo hayas visto más barato, o simplemente quieres hacerlo por separado.

Lo engorroso de registrar en sitios distintos, es que tienes que estar pendiente de dos renovaciones, en dos sitios diferentes.

Mientras que si lo haces todo en el mismo sitio, a la hora de renovar será algo más automático. Más eficiente.

Al tener hosting y dominio en sitios distintos, también es habitual encontrarse con algún obstáculo, como cuando, por lo que sea, te interese migrar tu dominio de otro hosting, al hosting en el que tu monstruito vivirá de ahora en adelante.

Como ves, para todo hay que estudiar, como dice mi madre. Y a veces no es posible saber de todo.

contrata profesionales shokaweb
Intentar cubrir todos los frentes puede influir en tu estado de ánimo

Un motivo más para contratar los servicios de un diseñador de páginas web profesional. 😉

Nosotros, los diseñadores, ya estamos acostumbrados a pegarnos con eso y aunque estoy segura de que podrías hacerlo por ti misma/o, se trata de no perder tiempo en trivialidades que te distraen de tus obligaciones o de tus intereses. Se supone que queremos optimizar nuestro trabajo.

Pregúntate ¿qué podrías estar haciendo? en lugar de estar pegándote con «¿cómo se hace esto que no he hecho nunca?».

Bien, ahora que ya hemos elegido el Hotel para nuestro *monstruito. es (por ejemplo). Tenemos que elegir habitación.

La habitación de tu monstruito es el CMS de tu página. 

Es un Sistema de Gestión de Contenidos. Del inglés Content Management SystemLa wikipedia te explica que :

Un CMS es un programa informático que permite crear un entorno de trabajo para crear y administrar contenidos.

Wikipedia
gestor de contenidos diseño web shokaweb

Seguro que has oído hablar de WordPressJoomlaPrestashop, etc. Se trata de que utilices cualquiera de estos programas para empezar a hacer tu página web. Te facilita la vida si nunca aprendiste código html.

Esta parte la voy a simplificar enormemente animándote a que elijas WordPress como la habitación de tu *monstruito. es .

WordPress es increíblemente completo, tiene millones de usuarios y se puede hacer casi cualquier cosa. Además de lo fácil de aprender y gestionar cuando lo conoces.

Así aunque encargues a un profesional la creación y el diseño de tu página, podrás aprender con rapidez a gestionarla tú misma/o.

shokaweb certificado SSL diseño páginas web

En la barra de búsqueda de los navegadores puedes ver un icono de un candado cerrado, normalmente.

Eso significa que el sitio que estás visitando dispone de un cifrado de seguridad (ya casi obligatorio) si quieres dar confianza a tus visitantes desde el minuto 1.

Añadir este protocolo es vital para hacerte amigo no sólo de tus visitantes, si no también de los motores de búsqueda.

Google prefiere los sitios que velan por la seguridad de los datos que puedan recogerse de la visita.

Una vez que tienes instalado el certificado SSL en tu página, la dirección de tu sitio en vez de aparecer con el típico http:// habrá cambiado para convertirse en https://

Así que Certificado SSL sí. Siempre.  Asegúrate de que está incluido en cualquier tarifa de cualquier diseñador de páginas web que elijas. 

diseño de páginas web UX UI Shokaweb
diseño web UX

¿Y esto qué es? 🤔

Esto es un añadido del que quiero hablarte, para cuando llegues a la parte en la que edites tu plantilla del CMS.

El diseño gráfico y el diseño de la estructura de tu sitio web es esencial. Añadir bloques, carruseles de fotos, tipografías, colores…. todo ello tiene que estar pensado cubriendo una necesidad. Cumpliendo un propósito.

Ten en cuenta siempre a las personas que visitarán tu sitio, y qué quieres transmitirles.

Bueno. UX y UI Son dos acrónimos de siglas en inglés. Como siempre.

UX (User Experience) o “Experiencia de Usuario” se conoce como la percepción de un usuario al tratar con un producto. Implementar ésta técnica a un diseño permite una óptima integración de todos sus elementos de forma cómoda e intuitiva. Conociendo de antemano las necesidades de los visitantes mientras navegan por el sitio web.

UI (User interface) o “Interfaz de Usuario” se refiere a la parte creativa del diseño en la que interviene la arquitectura de la página, la usabilidad, los colores.

Utilizar estas técnicas favorece no sólo al tráfico a tu sitio. Si no también a estructurar y definir nuestra marca en la red.

Siempre debemos ofrecer la mejor experiencia posible a nuestros clientes.


Este es el proceso que sigo para empezar todos los proyectos. Desde aquí ya podríamos hacer lo que queramos con nuestro website aplicando plugins ( aplicaciones), subiendo contenido, y dirigiendo tráfico a la web en cuanto esté lista.

Deja una respuesta

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