La industria de las aplicaciones móviles es tan popular como siempre y muchas aplicaciones tienen sitios web dedicados a ellas para mostrar sus características y beneficios, e incluso brindan un servicio de suscripción y una comunidad en línea. Como puedes imaginar, hay muchos sitios web de aplicaciones móviles que están hechos con Divi . En este artículo, echamos un vistazo a 15 ejemplos de sitios web de aplicaciones móviles creados con Divi para ayudarlo a inspirarse para su próximo proyecto de aplicación móvil.
Estos sitios pueden ayudar con la inspiración para el diseño de diseño, colores, fuentes, imágenes, navegación, fotografía de productos, descripciones de productos, estudios de casos, CTA (llamada a la acción) y más. Algunas son aplicaciones independientes, mientras que otras se conectan a otros dispositivos, como sensores. Los sitios web no están en ningún orden en particular.
Fat Map muestra una imagen de pantalla completa con CTA en una superposición. Una barra de mensajes superior usa una flecha para apuntar a un enlace en el menú. El desplazamiento muestra una CTA de descarga, secciones limpias grandes que resaltan mapas, una sección de información con texto breve y una imagen, logotipos de medios, enlaces de imágenes y texto a ubicaciones, un formulario de registro sobre varias imágenes y enlaces a mapas. Las publicaciones para cada ubicación utilizan imágenes de pantalla completa con texto y video de 360 grados para mostrar los mapas en 3D. El sitio utiliza fondos gris oscuro y blanco y mantiene la página limpia.
2. Deportes FANSeye
FANSeye Sports tiene un diseño de una página que incluye una imagen de pantalla completa con un control deslizante, un eslogan, un video, CTA e íconos de seguimiento social en verdadero paralaje. A continuación, hay varias secciones de dos columnas que resaltan las funciones y muestran la aplicación dentro de los controles deslizantes. Un control deslizante de ancho completo muestra los logotipos de los medios. Una sección de dos columnas sobre Frank Provenzano muestra información sobre un patrón de fondo en paralaje. Lo siguiente es una sección con miembros del equipo, una imagen de pantalla completa con CTA, formulario de suscripción e información de contacto. El sitio utiliza colores de marca, un CTA dentro del menú y un botón vertical Volver al principio con texto.
3. Fruta del Dragón
DragonFruit incluye un dibujo de pantalla completa con eslogan y CTA, una imagen incrustada, una sección de dos columnas con información, un control deslizante de imagen de pantalla completa con fondo borroso, un control deslizante de testimonios, CTA y una sección de blog con estilo. Los botones de flecha permanecen en la pantalla para navegar a las distintas secciones de cada página. Las distintas páginas usan pestañas y botones para mostrar información. Los colores se eligen para atraer al público objetivo.
4. Dclib
Dclib utiliza un diseño de una página que muestra una imagen de pantalla completa con un eslogan y una llamada a la acción. El desplazamiento revela un menú y una gran sección de información en tres columnas con íconos grandes, una sección acerca de, el equipo con una imagen superpuesta, publicaciones de blog y un formulario de contacto sobre una imagen. Las publicaciones del blog usan interruptores para revelar el contenido. El contenido y el producto parecen estar en la fase de «próximamente», pero el diseño es limpio y usa muchos espacios en blanco, mientras que los íconos usan colores de marca.
5. Rastreador de rendimiento de caja negra
Black Box Performance Tracker utiliza un diseño de una página (excepto la página de preguntas frecuentes) con un fondo de pantalla completa con imagen y CTA. El desplazamiento revela imágenes de productos, una CTA sobre una imagen de paralaje, una sección de información que destaca los beneficios con una CTA y un formulario de contacto sobre una imagen de pantalla completa. El menú también incluye un CTA. La página de preguntas frecuentes muestra información dentro de los acordeones. El sitio utiliza colores y fuentes de marca.
6. hupla
hupla muestra una imagen a pantalla completa con superposición y eslogan. El desplazamiento revela otra imagen con superposición y eslogan en paralaje real, tres secciones de información del producto con colores de fondo alternos, un formulario de registro de correo electrónico sobre una imagen con superposición en paralaje y una llamada a la acción para compartir en redes sociales. La página Cómo funciona muestra el producto dentro de un control deslizante giratorio 3D utilizando Slider Revolution . El sitio hace un gran uso de fondos de colores y superposiciones.
7. Carcaj
Quiver muestra una imagen de ancho completo con superposición en paralaje, eslogan, CTA e imagen de producto superpuesta. El desplazamiento muestra una sección de tres columnas acerca de, una sección con un mensaje y una imagen de fondo en paralaje con superposición, control deslizante con logotipos de la empresa, video incrustado, sección de ancho de relleno con formulario de registro y una imagen con superposición en paralaje. El blog utiliza imágenes destacadas con colores de marca y tiene un diseño limpio. El sitio hace un gran uso del color de la marca y los espacios en blanco.
8. GeoPro
GeoPro incluye una imagen de ancho completo con CTA. A continuación hay una sección con una descripción e imágenes del producto, una sección de información, un desglose del producto usando íconos con colores de marca, una sección de información de dos columnas con texto e imagen alternados con CTA, y un logotipo superpuesto con una lista de beneficios y un pie de página personalizado. con CTA. Las páginas utilizan un diseño similar pero abreviado. Una función de chat permanece en la pantalla. El menú incluye un CTA. El sitio hace un gran uso de fotografías de productos y diseños limpios.
9. Tiempos arriba
TimesUpp usa un video de fondo de pantalla completa con un logotipo y un eslogan en una superposición con CTA. El desplazamiento muestra varias secciones con imágenes de productos sobre texto corto con encabezados grandes que resaltan las características del producto. Finalmente, una sección de dos columnas incluye una imagen con CTA. El video de fondo es relevante para el tema. El diseño es limpio y centra la información en una columna estrecha.
10. Yozio
Yozio usa una imagen de ancho completo con eslogan, descripción del producto y CTA. A continuación hay una sección de tres columnas con enlaces a estudios de casos de clientes que incluye logotipos y testimonios. Una gran sección de dos columnas muestra texto con ilustraciones de diseño plano alternas seguidas de una llamada a la acción. El menú incluye un CTA. Las páginas siguen el mismo diseño limpio y agregan imágenes de ancho completo con superposiciones. El sitio hace un gran uso de la marca de color, superposiciones de imágenes y diseños limpios.
11. Prana
Prana muestra una imagen a pantalla completa sobre un fondo azul con el eslogan y la imagen del producto. A continuación hay una sección con citas de los medios junto con sus logotipos. La siguiente sección usa un fondo oscuro y resalta el producto. Lo siguiente es una serie de videos e imágenes incrustados, una lista de funciones con íconos de colores y muchas secciones de información apiladas verticalmente. El sitio hace un excelente uso de la fotografía del producto y hace un gran trabajo al separar la información del producto en secciones legibles.
12. Mi Centro Meteorológico
MyWeatherCenter muestra una sección de funciones de tres columnas con imágenes de productos en paralaje sobre un fondo degradado. Lo siguiente es una sección de dos columnas con CTA y testimonios, una sección de cuatro columnas con equipos compatibles y enlaces a estudios de casos, y una sección de blog de tres columnas. La página Sensores compatibles muestra información dentro de los conmutadores. El sitio es simple y hace un gran uso del color de la marca.
13. JouleBug
JouleBug muestra una imagen de ancho completo con descripción del producto y CTA, un video incrustado de ancho completo, control deslizante de imágenes con imágenes e información, imagen de ancho completo con superposición y CTA, enlaces de medios con íconos y CTA. La página Suscripciones muestra los beneficios, un video con testimonios, una tabla con los paquetes y un formulario de suscripción al boletín. Las secciones se separan con imágenes en paralaje. El sitio hace un gran uso de la fotografía del producto y la marca de color.
14. Comentarios sobre la tableta Zonka
Zonka Tablet Feedback muestra una imagen de pantalla completa con información del producto y CTA e íconos para cada uno de los beneficios. A continuación hay una sección con enlaces de descarga, una sección de características con CTA, varias secciones con detalles e imágenes de productos, estudios de casos, una sección de información en parallax, una CTA de ancho completo, una sección en parallax que detalla los tipos de clientes que utilizan el producto con CTA y un pie de página de cuatro columnas con enlaces. El menú incluye dos CTA. El sitio proporciona mucha información mientras mantiene el diseño limpio.
15. Muza
Muze usa una imagen de pantalla completa sobre un fondo borroso con eslogan y CTA. El desplazamiento revela varias secciones con imágenes de productos en verdadero paralaje entre pequeñas secciones de información que detallan las características seguidas de un CTA de pantalla completa. La página de Carreras utiliza muchas imágenes de pantalla completa en paralaje y una galería. Este CTA se coloca sobre una imagen con una superposición de degradado. Este es un sitio simple que hace un uso elegante de imágenes de productos y paralaje.
Pensamientos finales
Estos 15 ejemplos de sitios web de aplicaciones móviles creados con Divi muestran que Divi se puede utilizar para crear diseños interesantes para cualquier tipo de sitio web de aplicaciones móviles, ya sea un simple folleto con enlaces a las tiendas móviles o un sitio con precios y estudios de casos. .
Estos sitios son excelentes para brindar ideas para diseños, colores, uso de imágenes, videos, navegación y más. Los sitios web de aplicaciones móviles son excelentes para ejemplos de exhibición de productos y también sirven como excelentes ejemplos de fotografía de productos y estudios de casos. Estos sitios web seguramente lo inspirarán para su próximo diseño de aplicación móvil.
¿ Cuáles son algunos de tus elementos favoritos de estos sitios de aplicaciones móviles de Divi? ¡Háganos saber en los comentarios a continuación!
Imagen destacada vía 31moonlight31 / shutterstock.com