Plantillas de dise├▒o para promociones digitales y concursos online

Posted in: Noticias EasypromosÚltima actualización: 26/08/21

Easypromos proporciona muchas plantillas de dise├▒o para crear promociones y concursos online con un estilo visual m├ís atractivo que nunca. Todas tienen un dise├▒o responsive y han sido planteadas desde el inicio tomando como referencia la filosof├şa Mobile First, es decir, se ha pensado el dise├▒o priorizando el uso del m├│vil. En este art├şculo te explicamos las principales caracter├şsticas y beneficios de la plantilla de dise├▒o y, al final, encontrar├ís una gu├şa pr├íctica sobre c├│mo empezar y un enlace a plantillas de promociones ya preconfiguradas.

Caracter├şsticas principales del dise├▒o de las promociones

El dise├▒o de las prmociones de Easypromos tiene 6 caracter├şsticas principales que desarrollamos a contiuaci├│n:

1. Pensado para m├│vil y para cualquier medida de pantalla
2. Estructura y pantallas de la promoci├│n online
3. Optimizaci├│n de los textos de la promoci├│n
4. Diseño personalizable pero fácil de configurar
5. Dise├▒o con potencial para desarrolladores
6. Dise├▒o sin renunciar a la fiabilidad y la robustez

Todas las promociones con url propia de Easypromos vienen con un diseño preconfigurado para que te sea más fácil terminar su personalización. ¡Activa una cuenta gratis en Easypromos y crea un borrador de la app que quieras para ver su diseño!

1. Pensado para m├│vil y para cualquier medida de pantalla

La principal caracter├şstica de la plantilla de dise├▒o es que se adapta perfectamente a cualquier ancho de pantalla, de forma que la experiencia a trav├ęs de dispositivos m├│viles es excelente. Adem├ís se ha seguido la filosof├şa ÔÇťmobile firstÔÇŁ: se dise├▒a primero pensando para m├│vil.

2. Estructura y pantallas de la promoci├│n online

La estructura de la plantilla de dise├▒o se aplica a todas las pantallas de la promoci├│n y presenta los siguientes elementos:

  1. Cabecera (alto fijo de 36px)
  2. Fondo de pantalla
  3. Contenedor principal: Dentro de este contenedor se sitúan los contenidos (texto, imágenes,botones) propios de cada pantalla.
  4. Pie de página (alto fijo de 50px)

Podrás configurar el contenedor principal con los siguientes elementos:

  • Control de las transparencias, para mostrar m├ís o menos fondo de pantalla.
  • Control del estilo: Puede ser de estilo oscuro o claro. Este estilo tambi├ęn definir├í el color de la cabecera y del pie de p├ígina. 
  • Control de la posici├│n: Puedes configurar que el contenedor se alinee en el centro de la pantalla, a un lado o a un extremo.
  • Control del ancho y alto del contenedor de los elementos dentro del fondo.
  • Control de las estructuras del contenido: 1 o 2 columnas.

La plantilla de diseño permite a los diseñadores explotar al máximo sus capacidades creativas. Deja que tu diseñador realice un buen fondo de pantalla, y harás que tu promoción sea única.

Desc├írgate la gu├şa de dise├▒o si necesitas saber m├ís sobre c├│mo configurar una promoci├│n online con Easypromos. ┬íTe ayudar├í a personalizar al 100% tus promociones online!

3. Optimizaci├│n de los textos de la promoci├│n

Un usuario accede a una promoci├│n digital o concurso online principalmente a trav├ęs de un m├│vil y por estos canales: post o story de Instagram, publicaci├│n de los canales de noticias de otras redes sociales como Facebook o Twitter, promoci├│n compartida a trav├ęs de Whatsapp o en Facebook por sus amigos, por env├şo de newsletter, por publicidad online o por visitar la web de la marca y tener all├ş incrustado el concurso como widget.

En la difusi├│n que hacen los promotores del concurso en estos canales, ya incluyen los 3 datos de la promoci├│n que m├ís le interesa a un usuario: (1) el premio (2) fecha l├şmite y (3) c├│mo participar. Por lo tanto, cuando un usuario accede al concurso, ya est├í informado de los puntos m├ís importantes, con lo que no es necesario que se lo repitan de nuevo.

En la plantilla de diseño de Easypromos se simplifica la información que se presenta por pantalla, y se da más relevancia a los botones de acción. Por ejemplo: reducir el espacio disponible para la descripción de la promoción, más control en el texto y diseño de los botones de acción, facilidad para deshabilitar la pantalla de presentación e ir directamente a la pantalla de participación.


4. Diseño personalizable pero fácil de configurar

La plantilla de dise├▒o de promociones mantiene la filosof├şa de los desarrollos de Easypromos: encontrar el equilibrio entre la flexibilidad y la facilidad de uso. Es por eso que hay unas opciones de dise├▒o que permitir├ín realizar dise├▒os ├║nicos y con los estilos propios de la marca organizadora del concurso. Todo esto sin necesidad de a├▒adir c├│digo HTML, CSS y sin tener ning├║n conocimiento de programaci├│n.

Para facilitar la configuraci├│n de la promoci├│n, el editor del concurso permite visualizar los cambios en el dise├▒o de la plantilla en tiempo real y en la misma pantalla, cuando cambias una opci├│n de dise├▒o. Esto permite agilizar la configuraci├│n de la promoci├│n.

Además, todos los borradores de las apps con url propia de Easypromos se presentan con un diseño por defecto con textos ya predefinidos para ayudarte a agilizar el proceso de creación de la promoción. Solo tendrás que preocuparte por subir los logotipos e imágenes corporativas en cada una de las pantallas y personalizar el contenido a tu gusto.

Por supuesto, tambi├ęn podr├ís modificar:

A. Colores: Selecciona el color de los textos y de los elementos de acci├│n, como botones principales y enlaces destacados.

B. Tipograf├şas: Personaliza las fuentes principales y las fuentes secundarias de la promoci├│n, compatibles con librer├şa de Google Fonts.

C. Botones: Selecciona el estilo de los botones. A escoger entre estilo s├│lido o estilo delineado.

D. Contenedor: Personaliza el nivel de opacidad, el estilo, la posici├│n y el alto/ancho del contenedor.

E. Fondo de pantalla: Podr├ís configurarlo con las siguientes opciones 

  • Color: Selecciona un color como fondo de la promoci├│n.
  • Opacidad: Configura el nivel de transparencia del color configurado para el fondo de la promoci├│n.
  • Imagen: Te permite subir una imagen de fondo de tu elecci├│n.
  • Posici├│n: En caso de subir una imagen de fondo propia, puedes definir el punto de foco de la imagen.
  • Predefinidos: Utiliza una de nuestras im├ígenes y cenefas predefinidas.

5. Dise├▒o con potencial para desarrolladores

Las grandes marcas y agencias disponen de los recursos para poder ir más allá con los diseños de nuestras plantillas.

La plantilla de diseño de Easypromos ha sido programada totalmente en Flex para facilitar el cambios de posicionamiento de elementos y contenidos dentro de cada pantalla. Además los estilos y clases CSS están perfectamente estructurados, para que cualquier programador de front-end, pueda fácilmente sobrescribir los estilos que vienen por defecto en la plantilla, y poder dar estilo a cualquier elemento de las pantallas. Para cada pantalla de la promoción, los programadores podrán subir e insertar sus propios códigos HTML, y sus scripts en Javascript, para una personalización avanzada de cada pantalla.

La plantilla ha tenido en cuenta muchos de los briefings de diseño que los clientes nos hacen llegar. Es por ello que, el diseño, la estructura de los estilos y las herramientas que ofrecemos son lo suficientemente flexibles para que un programador de front-end pueda programar prácticamente al 100% muchos de los diseños que le hagan llegar sus creativos.


6. Dise├▒o sin renunciar a la fiabilidad y la robustez

El ├ęxito de una promoci├│n online depende de muchos factores como el premio ofrecido, la inversi├│n en difusi├│n o la mec├ínica planteada. Pero realmente el factor que mayor importancia tiene en una promoci├│n digital es que la tecnolog├şa funcione. Y este factor est├í por encima del propio dise├▒o del concurso. Todo ha sido minuciosamente testeado: cada mec├ínica de la promoci├│n, cada navegador web, cada dispositivo m├│vil, la experiencia en widgets, la experiencia en pesta├▒a de Facebook.

La forma en que ha sido dise├▒ado el editor de promociones permite personalizar todas las pantallas de la promoci├│n sin que esto afecte a la fiabilidad y robustez de la aplicaci├│n. Y este aspecto es fundamental para ofrecer una plataforma que permita a las marcas lanzar sus campa├▒as online con total seguridad y tranquilidad.

¿Lo quieres aún más fácil? Utiliza las plantillas de recurso

Desde concursos a cuestionarios, pasando por juegos o apps de cupones y c├│digos, Easypromos te ofrece un gran abanico de posibilidades a la hora de empezar una campa├▒a. 

┬┐Sab├şas que puedes hacer uso de nuestras plantillas de concursos y promociones para campa├▒as destacadas con dise├▒os ya creados? Con tan solo un clic podr├ís empezar a llevar a cabo tu pr├│xima campa├▒a. ┬íAs├ş de f├ícil!

¡Escoge un diseño y ponte manos a la obra! Tu próxima promoción te está esperando.

Elisabet Frigol├ę

Diseñadora gráfica en Easypromos. Se unió al equipo en 2016. Graduada en diseño gráfico en la Escuela de Arte ESDAP Olot, Elisabet se encarga de diseñar todas las demos de producto y creatividades para la web y blog de Easypromos. Es una gran amante de los animales y de viajar. Además, en su tiempo libre le gusta practicar la ilustración digital y descubrir nuevos lugares.

Fecha de publicaci├│n: 04/04/2017