Creando Un Sitio Web Desde Cero en 11 Pasos (para Usuarios Pro)

cloud2box
12 mar 2015
6 Min. de lectura

Los usuarios de Cloud2box que no tienen experiencia en diseño web, por lo general prefieren que utilicemos uno de nuestros diseños de plantillas para que la personalicemos a su gusto.

Sin embargo, hay otra manera: una que será de interés para los usuarios más calificados y con algo de experiencia en diseño. Los usuarios profesionales de Cloud2box pueden diseñar un sitio absolutamente desde cero, utilizando una plantilla en blanco. Así, obtienen máxima libertad, combinada con la facilidad de uso de nuestra plataforma.

Si quieres volverte más pro y que construyamos, incluso construir un nuevo sitio web, Cloud2box tiene todas las herramientas adecuadas para ayudarte a alcanzar tu meta. Además, aquí te traemos una guía detallada donde podrás comprovar nuestra forma de hacer un bonito sitio web, como para ayudar a los más profesionales a través de este proceso, un poquito difícil, pero sumamente gratificante.

1. Comprender los objetivos de tu página web:

Antes de que tu diseñador de Cloud2box comence a pensar en el diseño, es necesario definir las metas que estableciste para tu sitio. Estas nos ayudarán a entender los requisitos técnicos y el mensaje general que quieres transmitir en tu página web. Por ejemplo, si el objetivo principal es la venta de diseños de moda, necesitaremos incluir una galería de productos, un carrito de compras y opciones de pago en tu esquema de diseño. Si el foco central de tu sitio es promover un show musical, incluiremos reproductores de audio, posiblemente también reproductores de video, y un listado actualizado de los lugares y fechas de las presentaciones.

2. Inspiración:

Un consejo importante en esta etapa es que pases una buena cantidad de tiempo investigando sobre lo que quieres y necesitas. A medida que comienzas a imaginar cómo quieres que funcione tu página web, te recomendamos que hagas un tour por la web y te dediques a visitar sitios relacionados y no relacionados con tu industria. Toma nota de lo que te resulte impresionante en términos de diseño, nosotros lo haremos sobre el rendimiento de tu web y pensaremos en cómo adaptarlas para tu propia página web.

Un gran lugar para comenzar es la galería de diseños de plantillas web de Cloud2box. Encontrarás un gran número de diseños y plantillas que podrmos personalizar sin ningún problema, disponemos de una gran variedad de categorías. Estos diseños de plantillas son creadas por nuestro talentoso estudio de diseñadores, y los diseñadores de nuestro proveedor para adaptarse a los estándares profesionales más altos. Estamos seguros de que podrás tomar algo de inspiración de ellas.

3. Crear un mapa detallado del sitio:

Este es un paso muy importante en el proceso. Nos Aseguraremos de tomarnos el tiempo necesario para diseñar tu mapa del sitio, ya que será el encargado de desglozar la arquitectura de tu página web. El mapa del sitio debe incluir una lista de todas las páginas planificadas e indicar claramente qué páginas enlazan a dónde y qué anclas o subpáginas se incluyen en qué sección. Dibujaremos un borrador de cada página que incluya todo el contenido que la página debería mostrar – imágenes, textos, videos, botones, etc.

4. Definir tu estilo:

Ahora que tienes claro los objetivos y tu diseñador web la estructura definida (y después de que tu investigación a fondo te haya hecho descubrir lo que quieres) es hora de pensar en el diseño más detallado de tu página web. En esto incluiremos la combinación de colores, la elección de la tipografía, el diseño de la cabecera, el uso de elementos como las formas, vectores, ejemplos, etc.

En el editor d2b de Cloud2box, en la categoría de Diseño, podemos ver una amplia selección de colores y fuentes predeterminadas. Como punto de partida, podemos tener en cuenta estos elementos predeterminados y ver cuál se ajusta mejor al lenguaje de diseño que deseas para tu sitio.

5. Planear tu uso de imágenes:

Las imágenes son críticas para la mayoría de las páginas web, así que es mejor planificar por adelantado cómo deseas que las utilicemos en tu diseño. ¿Dependerá tu sitio en gran medida del contenido visual? ¿Subiremos o subirás imágenes con frecuencia? ¿Tienes fotos de alta resolución? Estas preguntas determinarán qué tipo de visualización de imagen es la más adecuada para tu sitio y ayudará a tu diseñador web a elegir y diseñar estilos de galerías.

Algunas cosas a tener en cuenta:

Cloud2box tiene una gran variedad de diseños de galerías de imágenes con las que podemos elegir a tu elección

Podemos editar y mejorar las imágenes individuales con nuestro avanzado editor de imágenes

Si necesitas imágenes profesionales y de alta calidad, puedes comprar imágenes de Bigstock directamente en el editor de Cloud2box

6. Elaborar los textos de antemano:

A veces, el contenido textual puede influir en el proceso de diseño. Lo mejor es que prepares los textos que piensas utilizar antes de que realmente comencemos a la construcción del sitio web. Esto incluye no solo los párrafos largos, sino también el lema de la cabecera, los textos que serán “Llamadas a la Acción” (CTA), el texto de los botones, y etc.

Por supuesto, como siempre, podremos cambiar y editar estos textos a medida que avancemos, pero será muy útil tenerlos listos de antemano para diseñar con una idea clara sobre el mensaje de cada página y cada sección de tu sitio.

7. Finalizar el layout:

Muy bien, finalmente el editor d2b de Cloud2box comienza a formar parte de la acción. Pensaremos en el layout del sitio como el esqueleto de la página web antes de añadirle el resto de los elementos. Necesitemos diferentes diseños para diferentes páginas – tiendas online, páginas de contacto, páginas de reserva de citas, biografías – todas estas páginas tienen un carácter diferente y, por lo tanto, requieren de un diseño distinto.

Cloud2box ofrece una variedad de diseños de plantillas en blanco que ya tienen un diseño fijo. Así, y para los más expertos que desan crear su propio sitio web, podreis optar por comenzar con una estructura existente y añadirle cambios menores, o diseñar una página completamente a tu gusto con la plantilla que se llama “Diseñando desde cero” (la primera opción en la página de plantillas en blanco).

8. Añadir elementos de diseño:

Con el layout establecemos los cimientos de tu página web, pero ahora ya es el momento de añadir el toque decorativo que le dará a tu sitio un aspecto único. Comenzaremos con aquellos elementos de diseño que aparecerán en todas las páginas (Por ejemplo: el logo y la cabecera fija, la imagen estática de fondo, el diseño del menú de navegación, etc.), y luego continuaremos por agregar aquellos elementos que sean singulares a cada página (cuadros de texto, galerías de imágenes, enlaces a redes sociales, etc.)

9. Subir contenido:

¿Recuerdas todas esas imágenes, textos, videos y sonidos que habiamos preparado con antelación y para los que has trabajado tan duro, tu y tu diseñador web? Todo eso irá al editor ahora. Después de completar este paso, evaluaremos si el contenido funciona bien con el esquema de diseño que hemos creado y hacer todos los ajustes que sean necesarios.

10. Dar a tu nueva e increíble web un buen impulso:

Podemos mejorar el aspecto y el rendimiento con aplicaciones y funciones que harán que tu sitio web se vea más atractivo para tu público objetivo. Por ejemplo, si acabamos de terminar de crearte una página web para un restaurante, es posible que desees considerar la aplicación de OpenTable, o si el sitio es sobre enseñanza, podemos utilizar la aplicación Online Courses para vender y reproducir videos instructivos.

11. ¡Control de Calidad, control de calidad, y más control de calidad!

Después de completar las 10 etapas anteriores, ya estamos listo para probar tu sitio web y prepararte para el lanzamiento. Es extremadamente importante que repasemos los textos en busca de errores tipográficos, que nos aseguremos de que las imágenes estén recortadas correctamente, que los enlaces nos lleven a donde se supone que deben de hacerlo, y que todo en su sitio funcione como debería.

Utilizaremos nuestra función Obtén Comentarios para compartir tu página web no publicada en privado con amigos o compañeros de trabajo. ¡Sus comentarios aparecerán en el editor para que tu puedas verlos!

Consejos rápidos para los expertos y los sitios web creados desde una plantilla en blanco:

¡Utiliza las reglas para diseñar! Y asegúrate de usar la función “Ajustar a Objetos” para mantener las cosas alineadas

¿Prevés la actualización frecuente de contenido? Utiliza aplicaciones y herramientas que se construyan para tal fin, como la función Creador de Listas o un blog

Las plantillas en blanco de Cloud2box pueden optimizarse y sobre todo, personalizarlas por separado, para los visitantes que acceden a tu sitio desde su teléfono móvil o tablet. ¡Asegúrate de optimizar tu sitio para aumentar la tasa de visitantes!