Regularmente cuando tenemos una nueva idea con la que estamos completamente convencidos que vamos a cambiar el mundo, lo primero en que pensamos (algunos) es en verificar que el dominio correspondiente esté disponible, y si es así lo compramos de manera inmediata, no podemos permitir que alguien mas se le ocurra algo parecido y nos gane el dominio antes, todos hemos sufrido y vivido esa adrenalina.

Luego de tener el dominio en nuestras manos lo que pensamos es, debo construir una landing donde explique un poco mi idea, de que se trata y quizás capturar algunos mails de usuarios para luego invitarlos a probar mi producto a penas tenga listo el MVP. Obviamente antes de esto se debe validar la idea e identificar si realmente estas le estas resolviendo un problema a alguien y si es rentable tu nueva idea.

En este post quiero darte algunas ideas y herramientas para que crees tu landing page de manera rápida y puedas publicarla rápidamente en internet.

Definiendo nuestro diseño

Una de las partes más complicadas e importantes es crear nuestro logo, ademas de definir la paleta de colores y la tipografía que vamos a usar en nuestro landing, mi recomendación es que te asesores con un Diseñador Gráfico, pero si crees que tu lo puedes hacer te diré que estas en lo cierto, claro que lo puedes lograr si conoces alguna herramienta de diseño como Photoshop, Ilustrator, Corel, Whatever!

Para la paleta de colores puedes basarte en un sitio web que te llame la atención, escoges los principales colores que el sitio tiene y luego lo adaptas a lo que tu quieres lograr. Para la tipografía puedes entrar aGoogle Fonts allí encontraras un buen listado de fuentes gratis que puedes usar sin ningún problema.

Una vez tengas tu logo y tengas claro que colores y tipografía vas a usar debemos pensar en el diseño que va atener nuestro landing en términos de estructura y posición de elementos, uso de imágenes, videos, textos, etc...
Voy a parar acá para explicar un poco que es un Landing Page y cual es el objetivo de este.

¿Qué es un Landing Page?

Para responder este interrogante veamos lo que dicen nuestros amigos de Wikipedia
"Es una página web a la que una persona llega tras pulsar en el enlace de una guía, un portal o algún banner o anuncio de texto situado en otra página web o portal de internet. En la mayoría de los casos esta página web es una extensión del anuncio de promoción, donde se explica más detalladamente la oferta del producto o servicio que se está promocionando..."

En pocas palabras es la pagina web que define tu producto o servicio, todo orientado al cliente, por eso es importante que diseñemos muy bien este sitio si queremos impresionar a nuestros posibles clientes o inversionistas.

Tecnologías a usar

En esta fase debemos definir las tecnologías web que vamos a usar para desarrollar nuestro landing page, hoy día existen múltiples tecnologías desarrolladas con el fin de que este proceso sea mucho mas rápido, librerías como Bootstrap, Materialize, Fundation, entre otras son solo algunas des las cuales disponemos, que no son mas que que código ya desarrollado y listo para que lo uses, lo adaptes a lo que necesites y puedas crear un bonito diseño de manera rápida y profesional, todas estas librerías están basadas en ayudar a la parte visual, ósea al front, ademas de que están optimizadas para que el contenido se adapte a las diferentes resoluciones, recuerden que es importante que nuestro sitio se vea bien desde un dispositivo móvil.

Si lo que quieres es trabajar sobre algo ya creado y no empezar con algo desde cero, también lo puede hacer para ello recomiendo una muy buena plantilla base que tienen los chicos de Code4Startup, que hace parte del curso que tienen para principiantes que deseen crear su landing page de manera rápido y dedicarse por completo a desarrollar el producto o servicio que se desea ofrecer. Básicamente es una landing ya creada y optimizada para móviles y para SEO, le puedes hacer un fork para tenerlo en tu Github o descargar el código fuente directamente y luego adaptarlo a lo que tu quieres hacer, este landing también incluye Mailchimp esto por si queremos pedirle a nuestros visitantes que se suscriban para mantenerlos informados sobre el lanzamiento oficial de nuestro producto, solo tenemos que configurar nuestro formulario de suscripción y listo.

Si lo tuyo es crear todo desde cero entonces lo siguiente sería conseguir un buen editor de código (Sublime text, Atom, etc..) crear un nuevo proyecto y empezar a escribir el código HTML, CSS y javascript necesario para desarrollar tu landing, recuerdas las librerías que mencione arriba? Bien aquí es donde debemos decidir si las incluimos o no en nuestro proyecto, la ventaja de usar una de estas es que podemos crear nuestra landing de manera mas rápida.

Publicar nuestro landing en internet

Una vez tengamos nuestro landing listo lo que sigue es subirlo a internet y compartirlo con el mundo, para ello debemos contratar un servicio de hosting o en el mejor de los casos obtener un servidor virtual privado (VPS), yo recomiendo Digital Ocean tienen buenos planes para iniciar, hace poco escribí un post en Educatex donde enseño como configurar nuestro dominio en un servidor en Digital Ocean, si te decides por Digital Ocean seria bueno que lo chequees.

Espero que este post te ayude a aclarar un poco tus ideas acerca de como desarrollar tu landing page para tu producto o servicio, si tienes alguna pregunta no dudes en escribir en los comentarios trataré de responder lo mas antes posible.

Autor: Elkin Urango