GUÍA PARA DIAGRAMAR UNA

LANDING PAGE
EN GEMPAGES
AL INICIAR RECUERDA QUE TENEMOS DOS (2) MODELOS DE LANDINGS
PRODUCTO/SERVICIO DEPENDIENDO CUAL SEA EL MODELO DE NEGOCIO
ASÍ MISMO SERÁ EL DISEÑO DE LA LANDING.

ROWS EN ROJO SON LOS PRINCIPALES, NO SE DEBEN MOVER O QUITAR.

ROWS EN NARANJA SON SECUNDARIOS, SE PUEDEN MOVER.
ROWS EN VERDE SON CALL TO ACTION O LLAMADO A LA COMPRA,
TODO VAN ENLAZADO AL FORMULARIO DE PAGO.

1. BANNER DE OFERTA. EN ESTE CAMPO CREAMOS UNA CAJA DE TEXTO

DONDE EL CLIENTE NOS CUENTA QUE OFERTA O PROMOCIÓN ESTE
MANEJANDO EN EL MOMENTO, EJ:
“PIDE HOY TU PRODUCTO X + ENVÍO TOTALEMTE GRATIS EN COLOMBIA”
PROMO
“TE OBSEQUIAMOS X COSA + ENVÍO GRATIS SI REALIZAS TU PEDIDO
HOY!, POCAS EXISTENCIAS O UNIDADES DISPONIBLES!”

TÍTULO PNG
2. BANNER PRINCIPAL O DE PRODUCTO. MEDIDA RECOMENDADA
1080 * 1620-1720 PX, AQUÍ DISEÑAREMOS UNA BANNER MUY LLAMATIVO
DEL PRODUCTO Y SU USABLIDIDAD, ENTRE ESOS PUEDE IR UN ANTES Y
DESPUÉS, UN GIF DE ESE TAMAÑO O UNA IMAGEN ESTÁTICA CON UN

BANNER
TÍTULO PERSUASIVO Y ALGUNAS CARACTERISTICAS BREVES DEL PRODUCTO.

(GIF O ESTÁTICO)

CALL TO ACTION
3. BOTÓN DE COMPRA, EJ
“ADQUIERALO YA, SÍ QUIERO EL MÍO YA, COMPRALO AQUÍ,
ESE MISMO LO COLOCAMOS EN TODO LOS CALL TO ACTION.
4. TÍTULO LLAMATIVO Y PERSUASIVO DISEÑADO EN PNG. SIENDO UN ABRE
BOCAS A LA DESCRIPCIÓN DEL PRODUCTO
TÍTULO PNG

5. DESCRIPCIÓN DEL PRODUCTO/ SERVICIO PERSUACIVO NO MAYOR A 4

LINEAS DE TEXTO. DESCRIPCIÓN

GIF
6. GIF MOSTRANDO LA USABILIDAD DEL PRODUCTO, SI LA TIENDA
QUE SE ESTA TRABAJANDO TIENE LOGO, SE DEBE PONER COMO
MARCA DE AGUA A TODOS LO GIF.

GENERADOR
7. GENERADORES DE CONFIANZA. ESTO LO REPRESENTAMOS CON
AFIRMACIONES DE LA TIENDA ESTO VA A LO LARGO DE TODA LA PÁGINA,
SE REPITE UNAS 3 O 4 VECES, EJ:
“ STOCK DISPONIBLES, DESPACHOS INMEDIATOS A TODA COLOMBIA,

DE CONFIANZA
ENVÍOS GRATUITOS RECIBE EN LA PUERTA DE TU CASA DE 3 - 4 DÍAS
HÁBILES, LO MEJOR PIDE Y PAGA CONNTRAENTREGA, COBERTURA Y
ENVÍOS A TODA COLOMBIA, APROVECHA HOY POCAS UNIDADES
DISPONIBLES”

GIF/ CHECK
8. ELEGIMOS UNA CAJA (ROW) QUE NOS PERMITA COLOCAR DOS
ELEMENTOS PARALELOS, DONDE PODREMOS COLOCAR UN GIF
DEL PRODUCTOS SIN FONDO (CREADO EN PHOTOSHOP) Y UN CHECK
LIST DE BENEFICIOS O CUALIDADES DEL PRODUCTO.

IMAGEN LIST
9. 2DO LLAMADO A LA ACCIÓN, COMPRA

TÍTULO PNG

10. CARRUSEL.
BANNER
PRODUCTO
BENEFICIO

11. 2DO GIF MOSTRANDO EL PRODUCTO GIF

12. DESCRICIÓN DEL PRODUTO O USABILIDAD

DESCRIPCIÓN
13. 3ER LLAMADO A LA ACCIÓN, COMPRA
CALL TO ACTION

14. EN ESTE SEGUNDO BANNER COLOCAREMOS INFORMACIÓN

PROMOCIONAL DONDE EL PRODUCTO SERÁ EL PROTAGONISTA,
MOSTRANDO EN QUE SITUACIONES SE PUEDE USAR Ó EN UN
BANNER
PROMOCIONAL
CONTEXTO DONDE SE EXPLIQUE BENEFICIOS DEL PRODUCTO.

ESTE BANNER PUEDE O NO TENER UN TÍTULO DENTRO.

15. GENERADOR DE CONFIANZA

GENERADOR DE
CONFIANZA
 TITULO PACK
INCLUED

16. IDEAL SI EL PRODUCTO VIENE EN EMPAQUE, ELABORAR

MOCKUP
MOCKUP DEL MISMO
QUE ELEMENTOS TIENE EL PAQUETE, Y DESCRIBIRLOS

PACK INCLUED

17. GENERADOR DE CONFIANZA

DESCRIPCIÓN
18. 3ER LLAMADO A LA ACCIÓN, COMPRA
CALL TO ACTION

19. METODOS Y FACILIDADES DE PAGO

MEDIOS DE PAGO
POLITICAS DE DEVOLUCIONES, DE REEMBOLSO Y DEFECTOS

EJ: 30 DÍAS DE GARANTIA POR DEFECTO DE FÁBRIDA,

DEOLUCIONES Y REEMPLAZOS GRATUITOS EN TODA COLOMBIA GARANTIAS
LOS SELLOS SON PERSONALIZADO POR CADA TIENDA, Y SE DEBE
COLOCAR EL LOGO (SI LA MARCA LO TIENE) EN EL SELLO. ( TAMBIÉN SE
PUEDE COLOCAR EN DIFERENTES ESPACIOS DE LA PÁGINA)
SELLOS DE CALIDAD

EMPRESAS DE
QUE EMPRESAS DE ENVÍOS CUENTA TU EMPRESA
AQUÍ SE COLOCAN LOGOS DE ALMENOS 3 0 4 EMPRESAS
A NIVEL NACIONAL CON UNA BREVE DESCRICIÓN,
EJ: RECIBE TU PEDIDO EN LA PUERTA DE TU CASA GRACIAS A
LAS MEJORES EMPRESAS DE LOGÍSTICA, DESPACHOS Y ENVÍOS
DESDE NUESTRO CENTRO DE DITRIBUCIÓN RICÍBELO DE 3 A 5
DÍAS HÁBILES TOTALMENTE GRATIS EN TODA COLOMBIA
ENVIÓS

20. FORMULARIO DE COMPRA, AQUÍ ENLAZAMOS TODO LOS CALL

TO ACTION PARA QUE NOS LLEVEN AQUÍ (PUEDE SER ESTÁTICO O
POP UP)
FORMULARIO (PAGO)

21. COLOCAMOS DE 4 A 6 TESTIMONIOS MÁXIMOS PREFERIBLEMENTE

CON FOTOS DEL PRODUCTO (RECUERDA EN EL TESTIMONIO
SE CUENTA LA EXPERIENCIA DEL USUARIO CON EL PRODUCTO)
TESTIMONIOS
FOTO DEL PRODUCTO
FOTO DE LA PERSONA
NOMBRE COMPLETO
(CARRUSEL)
PUNTUACIÓN DE 5 ESTRELLAS
TESTIMONIO.

22. FINALIZAMOS CON EL LOGO DE LA TIENDA (SI LO TIENE) LOGO

Se recomienda separar todo lo elementos diseñados para una mayor
optimización de la pagina,fondo aparte , tÍtulos png aparte, gif aparte

MEDIDAS IDEALES FORMATO MOVIL:

BANNER PRINCIPALES 1080 *1720

FONDOS: 1080*1920
TITULOS PNG: 1080*350/500 (DEPENDIENDO EL CONTE-
NIDO DEL TEXTO)
CRARRUSELES : 1:1
GIF: 1:1

MEDIDAS IDEALES FORMATO WEB:

BANNER PRINCIPALES 1920 *700/900 (DEPENDE MUCHO DEL DISEÑO

DENTRO DEL BANNER)
FONDOS: 1920*1080
TITULOS PNG: 1350*350/500 (DEPENDIENDO EL CONTENIDO DEL
TEXTO)
CARRUSELES : 1:1
GIF: 1:1

EN LA LANDING DEBEN IR:

3 A 4 BANNER DEL PRODUCTO

2 A 3 GIF USABILIDAD DEL PRODUTO CON TALENTO (talento: hace
referencia a un/a modelo)
1 A 2 CHECK LIST ( BENEFICIOS O DESCRIPCIÓN DEL PRODUCTO)
3 A 4 GENERADORES DE CONFIANZA
3 A 4 BOTONES LLAMADO A LA ACCIÓN
3 A 4 SELLOS (CALIDAD, PRODUCTO TESTEADO, ENVÍO GRATIS, ETC)
3 A 4 TESTIMONIOS