Changing the way you learn

Flowchart nodes

CUESTIONARIO

TIPOS DE PAGINAS WEB

HOME PAGE

LANDING PAGE

PAGINAS DE ATERRIZAJE

FROT-END

BACK-END

FULL-STACK

ESTATICAS Estas son ideales para mostrar información publicitaria o informativa, sobre la que no requiere hacer cambios. No necesita de interaccion con el usuario ni de base de datos EJEMPLOS <head> <title>ejemplo pagina web estática </title> </head> <body> la fecha de hoy </body> </html>

También conocidas como paginas de destino, tienen como foco principal la conversación de los visitantes. Son paginas con pocos elementos y enfocados en un único CTA, evitando distracciones y garantizando la conversión deseada en tu estrategia de marketing digital. En general, dentro de una estrategia de marketing, esta acción consiste en llenar un formulario a cambio de algún contenido de mas valor ( lo que llamamos de materiales ricos ) como e-bocks, infografias, hojas de cálculo o cualquier otro contenido que sea lo suficientemente bueno al punto de justificar la entrega de datos personales

Es una pagina designada para ser el principal punto de entrada a un sitio web, apareciendo cuando un usuario comienza una sesión. Las paginas de inicio suelen ofrecer una bienvenida al internauta, un texto donde se explica el significado del sitió web y un menú con links a otras paginas. La HomePage, o pagina de inicio, es una pagina que sirve como punto de partida del sitio web. Se trata de la pagina web por defecto que se carga cuando se visita una dirección que solo contiene un nombre de dominio. Por ejemplo, visitando www.aritmetrics.com se mostrará la página de inicio de Aritmetrics

MAINSITE Esté tipo de pagina de aterrizaje es la mas básica, ya que la landing page simplemente forma parte de tu sitio web corporativo principal y se comporta como una página mas del mismo. las landing page tipo maniste tiene el mismo diseño y la misma navegación que el sitio web principal, lo que hace que el usuario transicione de manera fluida y no genera sensación de discontinuidad, a la vez que se refuerza el branding

Es la parte del desarrollo web que se dedica a la parte frontal de un sitió web, desde la estructura del sitio web hasta los estilos como colores, fondos, tamaños hasta llegar a las animaciones y efectos. Esa parte de la pagina con la que interaccionan los usuarios de la misma, es todo el código que se ejecuta en el navegador de un usuario, al que se le denomina una aplicación cliente, es decir, todo lo que el visitante ve y experimenta de forma directa.

Es la capa de acceso a los datos, ya sea de un software o de un dispositivo en general, es la lógica tecnológica que hace que una página web funcione, lo que queda oculto a ojos del visitante. El back-end de una solución, determina que tan bien se ejecutará la aplicación y experiencia, positiva o negativa, obtendrá el usuario de su uso

Es un termino utilizado para describir a los desarrolladores que conocen tanto lenguajes de front-end como de hack-end. Principalmente, el desarrollo de full-stack se refiere al uso de Javascript en el back-end y de HTML/CSS/JavaScript en el frontend para crear nuevas plataformas. El nacimiento de tecnologías que funcionan entre el front-end y el back-end ha dado lugar a la proliferación de frameworks y herramientas de desarrollo"full Stack", que permiten a los desarrolladores construir sus propias aplicaciones web completas empleando un único lenguaje de programación como Django para Phyton.

DINAMICAS A este tipo corresponden las web 2.0 y 3.0 como es el caso de google y las redes sociales se diferencian porque incluyen la interaccion con el usuario y se pueden nutrir con bases de datos. los sitios web dinámicos basan su comportamiento y funcionalidad en dos tipos de programación, front-end (del lado del cliente) y back-end (del lado del servidor EJEMPLOS <head> <title>pagina web dinámica </title> </head> <body> la fecha de hoy es <%=datetime.now()%> </body> </html>

SEGUN EL NEGOCIO O FUNCION

TIENDAS ONLINE Las tiendas online son un tipo de pagina web en la que se comercializan productos o servicios de una o varias marcas o empresas. Disponen de herramientas y plataformas de pago que permiten los usuarios completar compras, pedidos y transacciones EJEMPLOS *Liderlamp *Inuk home *Bershka likely *Mr.wonderful

CATALOGO ONLINE los catálogos online son sitios web que muestran a usuarios en detalle los productos o servicios que ofrece una empresa, pero no se pueden comprar. Suelen tener una estructura bien organizada y categorizada EJEMPLOS *Armacor *Vlavic *Soler bags *Style color *Rubiokids

PAGINAS WEB CORPORATIVAS Estas tienen como objetivo crear presencia de marca online. Suelen contener información relativa a los productos, servicios, trabajadores y actividades de la empresa a la que representan. Normalmente su estructura es muy visual y atractiva para los usuarios, ya que en ellas las marcas buscan generar una buena imagen ante sus visitantes EJEMPLOS *Millaw kids *Forrest stounson *Entrance

SITIOS WEB EDUCATIVOS Y E-LEARNIN Son aquellos que ofrecen cursos de formación online a sus usuarios. Este tipo de web ha crecido mucho en los últimos tiempos gracias al auge de la formación online EJEMPLOS *Leoteca *Interuniversidades *Libercorresponsales *Clipit

BLOGS Son un tipo de sitios web basado en posts mostrando los contenidos más recientes en primer lugar. Su contenido se basa en textos y archivos multimedia como imágenes, videos o audios tratando una temática específica EJEMPLOS *Vodafone *Destinia.com *Red bull *La caixa

SEGUN LA TECNOLOGIA QUE USE

HTML Son las paginas más as básicas de internet, ya que se desarrollan en un lenguaje que pueden entender casi todos los usuarios. Son paginas estáticas que no permiten la interacción con sus usuarios EJEMPLOS *Falve *Bedow *Co&Co

PHP Son las paginas mas abundantes en la red y se basan en el lenguaje de programación del servidor PHP. Suelen ser sitios web interactivos que permiten a sus usuarios desarrollar acciones en ellos EJEMPLOS *Yahoo INC *Wikipedia.org *Digg.com *Flickr.com

FLASH Son paginas muy utilizadas para las animaciones, juegos online y herramientas específicas. En la actualidad esta cayendo cada vez más en desuso y los navegadores futuros no tendrán soporte para este lenguaje por sus fallas de seguridad EJEMPLOS *Monaface *Waterlife *Reino de oz infinito *Moodstream

CARACTERISTICAS

TITULO= En tres segundos tiene que responder a la siguiente pregunta, Qué ofrece esta web? debe ser un título directo y claro

SUBTITULO=Aqui debe aparecer una breve descripción de lo que ofrece la página. La redacción ha de ser clara, evitando la "jerga burocrática". Hay que intentar ser diferente y mostrarlo no solo hablando de nosotros mismos

BENEFICIOS=No se trata de describir solo que hacemos si no porque es importante

LLAMADAS PRIMARIAS A LA ACCION=Incluir llamadas a la acción en la "HomePage" es importante para conducir las conversaciones. Se recomienda que incluya de 2 a 3 llamadas a la acción que correspondan con cada una de las fases de los ciclos de venta

CARACTERISTICAS=Ademas de los beneficios del producto, en la HomePage es necesario mostrar al visitante las Características de su producto

INDICADORES DE EXITOS=Ademas de las impresiones de los consumidores, los premios y otros reconocimientos pueden causar buena impresión a los visitantes

RECURSOS=Aproximadamente el 96% de los visitantes a la web no están preparados o dispuestos a comprar. Por ello es importante que en esta página de inicio es necesario que las llamadas a la acción están bien distribuidas por ella para no perder ninguna oportunidad

CARACTERISTICAS

ESTRUCTURA

SE CENTRA EN UN OBJETIVO= La pagina debe desarrollarse con un fin claro preciso; tienes que evitar la multiplicidad de mensajes, para no confundir al usuario y facilitar la comunicación. Además, al focalizar tu trabajo, obtendrás mejores resultados y optimizarás tus gustos

ESCRIBIR UN TITULAR LLAMATIVO= La importancia de un buen titular no es algo que únicamente sea importante de cara a las landing pages. un buen titular es algo que debe estar presente en cualquier pagina web, lo cual es perfectamente lógico ya que será lo primero que el usuario vea al aterrizar en tu pagina

CREAR CONTENIDO PERSONALIZADO= el contenido personalizado o contenido inteligente es un tipo de contenido que crea en distintas landing pages y se muestra a los usuarios que ya visitaron la pagina web y dejaron sus datos. Un buen contenido personalizado nos ayudara a clasificar nuestros leads para ofrecerles un producto a medida cuando lleguen a convertirse en "leads cualificados para venta"

TENER UN UNICO OBJETIVO= Una pagina de aterrizaje siempre será mas efectiva si todos los elementos que la componen están destinados a alcanzar un mismo objetivo. Si cada texto, cada imagen y cada llamada a la acción son para la consecución de un mismo objetivo, el porcentaje de conversión siempre será más s alto

CTA= Un buen llamado a la acción debe ser visto sin necesidad de que el visitante haga scroll o deslice el dedo por la pantalla de su móvil. en una landing page efectiva, el botón tiene que destacar para ser encontrado instantáneamente

Titulo= Donde presentas cómo vas a ayudar a tus clientes de manera clara y concisa para que sigan leyendo

CUERPO= Para explicar en que consiste el producto o servicio, como conseguirlo y por que tienen que comprar

MICROSITE Los microsites se diseñan con una audiencia o un producto especifico en mente. No están integrados en el sitió principal de la web, sino que cuentan con una url propia, el diseño y la navegación también son diferentes. En definitiva, es como si creáramos un sitió nuevo desde cero. Los landing tipo microsite resultan muy uyiles para no dispersar al usuario cuando contamos con una gran oferta de productos y servicios diferentes. Al estar específicamente orientadas a un call to action específico, como una compra o una solicitud de información, consiguen un ratio de conversión y generación de leads mas alto que las landing Page de otros tipos

STANDLONE Las landing page standalone son las mas minimalistas y especificas. pueden estar alojadas en la misma URL que la página principal o en otra diferente, pero en cualquier caso no tienen navegación. Hay un mensaje y una llamada a la acción muy claros, sin información irrelevante. Básicamente, el usuario puede hacer 2 cosas: convertir o abandonar Para ilustrar este tipo de landing pages, podemos pensar en la web de un evento como el de smartketing, donde se indiqué la información básica y se anime al usuario a registrarse

FACEBOOK E INSTAGRAM Las landing page no tienen que alojarse necesariamente en un sitió web: también pueden estar ubicadas en los propios canales sociales de la marca. Al igual que ocurre con cualquier otro tipo de landing, su objetivo es incentivar la generación de leads el impulsar al usuario a realizar una acción específica, como donar, comprar, descargar o registrarse

PAGINA DE AGRADECIMIENTO Las páginas de agradecimiento se muestran después de que el usuario se haya convertido en lead.muchas veces las empresas se limitan a dar las gracias y no hacen nada más, pero en realidad estas páginas son muy importantes porque responden a la primera interaccion con tu cliente potencial si dejas una buena impresión, podrías fortalecer el vínculo contuso usuarios a largo plazo

Dentro del area de Front-End se trabaja con lenguajes mayormente del lado del cliente, como : HTML:lenguaje de mercado de hipertexto, se utilizan etiquetas que estructuran y organizan el contenido de la web. CSS:se encarga del formato y diseño visual de las paginas web estrictas en html para darle estructura y estilo al sitio web. JAVASCRIPT:un lenguaje de programación, rápido y seguro para programar centros de datas, consolas, teléfonos móviles o internet para complementar los interiores y darle dinamismo a las sitios web.

Los lenguajes de programación que se utilizan en el back-end en la actualidad son PHP, javascrip, Phyton y Ruby. Además de HTML y CSS, que aunque básico, también deben ser al menos un poco.

Next up

mapa

Description

Resource summary

Flowchart nodes

Similar

	Created by Sara Cardona cuervo over 2 years ago