Qué tipo de web crear cuando tu Startup está en Fase Semilla.

Te lo explicamos con el ejemplo NomadWorking.

En Onirotek entendemos que cuando tu Startup está en la fase semilla necesitas atraer a potenciales inversores y testear si tu idea engancha a los que podrían ser tus clientes, por eso te proponemos una web mínima viable que atraiga y explique tanto a nivel textual como visual el valor de tu idea. Pero sin una inversión que en este momento no puedes permitirte.

Te proponemos una solución que hará que puedas comunicar de manera profesional, sencilla y atrayente para que el valor de tu idea haga que sigas creciendo y convirtiendo tu idea en algo real.

Y que mejor manera que presentarte este producto, que con un ejemplo de un desarrollo nuestro. NomadWorking nace con la idea de poner en contacto coworkings con nómadas digitales para que se sientan cómodos en las horas de trabajo estén donde estén.

La semana pasada te comentamos cómo elegimos los colores para la web hoy te mostramos su Web Semilla al completo empezando por este vídeo:

¿Qué te ha parecido la web? Me encantará leerte en los comentarios.

Si te ha sabido a poco no te preocupes, a continuación te explico con detalle este proyecto.

Estas son las claves que harán de una web sencilla algo impactante que te ayude a que otros visualicen tu idea.

1.Primer impacto visual que ayuda a crear una sensación visual coherente con el proyecto:

En esta primera parte de la web queremos impactar, enganchar a posibles clientes e inversores con nuestra idea.

Por eso es importante mostrar de una manera clara en qué consiste nuestro proyecto tanto con textos como visualmente.

En este ejemplo hemos decidido hacerlo a través de un slider o corrousel de imágenes y añadir una frase en cada una de ellas que acompañe y ayude a un mayor entendimiento de la idea NomadWorking.

Pero también podríamos haber utilizado un vídeo o una sola imagen, en esta primera parte de la web el factor común es un objeto visual impactante que ocupe el total de la pantalla y textos concisos que resuman la idea y ayuden a tener una visión más clara del significado visual.

2. Quien es el equipo y cómo ayuda con su solución:

En este apartado es importante que pongan cara a las personas detrás del proyecto y explicar el por qué de ésta solución.

Esto se puede hacer de múltiples maneras aunque en este caso decidimos utilizar una imagen menos convencional acompañada de una frase con pregunta que se contesta una vez pinchas en el icono desplegándose un texto más amplio.

Lo realmente importante en esta sección es que las imágenes reflejen la esencia de nuestro proyecto, un retrato sin más o una fotografía en despacho trabajando está bien para una empresa clásica pero una Startup no es eso, la fotografía puede ayudar a entender la visión del mundo que tienen los creadores por qué no exprimirla al máximo.

3. Beneficios de la idea desglosados:

Una vez presentada la idea y el por qué pasamos a crear un apartado con los beneficios del producto/servicio.

En este caso decidimos dividirlo en cada beneficio principal y para ello creamos un desplegable de acordeón que cuando clickas en el símbolo de + aparece la explicación completa de cada beneficio.

Una vez más hay millones de soluciones para este apartado, lo único que si recomiendo es que creen una sensación de conjunto, que visualmente se vean como una suma de una solución global, en este sentido los desplegables funcionan realmente bien.

4. Contacto:

Un formulario y un mapa para que cualquier persona puedan contactar es algo básico y tremendamente útil que a veces pasa desapercibido pero debe ser sencillo para que la experiencia sea 100% satisfactoria, ¿te imaginas que después de visitar una web que te ha enamorado no pudieras ponerte en contacto con los creadores de la idea?

Podríamos decir que, en este proyecto en concreto, hay un quinto apartado en la web que nos acompaña en toda ella y que se compone a la izquierda por el logotipo y a la derecha por un icono desplegable para seguir el proyecto en rrss.

El logotipo: cuando el usuario entra en la web lo primero que ve es el logotipo que se coloca gracias a una transición desde el centro de la pantalla hasta el lugar en el que permanecerá en todo momento, este efecto resalta y da valor a la marca.

Icono de Redes Sociales: éste encierra todas las rrss del proyecto que se despliegan cuando clickamos sobre él, permanecen en todo momento en el lado derecho de la web para que el usuario pueda empezar a seguir el proyecto en ellas en el momento que decida.

En este proyecto en concreto decidimos dar importancia a estos dos objetos pero es algo variable en los proyectos dependiendo de las necesidades de nuestro cliente.

Os dejo el enlace al vídeo por si os apetece verlo de nuevo, ahora ya con mucha más información sobre sus apartados.

La semana que viene os explicaré en detalle cada uno de los efectos de la web y sobre que principios de diseño se sustentan.

Si os ha gustado este ejemplo, vuestra Startup está en fase semilla y creéis que os podemos ayudar, podéis contactar con nosotros a través de contacto@onirotek.com o visitar nuestra web y rellenar el formulario de contacto en www.onirotek.com