Subir
Acercar
Cortina
Aparición al bajar
Los bloques entran con suavidad cuando llegan a la pantalla. Tres variantes: subir, acercar y cortina.
Tu web, en movimiento
Animaciones para tu página web
38 efectos funcionando aquí mismo. Si tu página web la hacemos nosotros, puedes renovarla con ellos cada mes desde tu portal de clientes.
- Las ves antes de elegirCada animación está funcionando en esta página. Lo que ves es lo que pones en tu web.
- Cambios cada mes, incluidosCon tu página web hecha por Discope eliges en tu portal hasta 3 animaciones al mes (las premium cuentan como 2).
- Con tu marcaEn tu portal las ves con tus colores, tu logo y tus textos, y te recomendamos dónde lucen mejor.
Qué incluyen los cambios del mes: agregar o cambiar animaciones y efectos de este catálogo en tu página. Cambios de textos, fotos, secciones o páginas nuevas se cotizan aparte.
Tipo
38 animaciones Web
Diseño
Redes
CCTV
Soporte
Equipos
Entrada escalonada
Las tarjetas de una lista aparecen una tras otra, y el ojo las recorre en orden.
Tecnologíaque trabajapara ti
Texto que sube por líneas
Cada línea del título sube desde detrás de una máscara. Es la entrada típica de las webs de agencias de diseño.
Tu aliado en páginas web
Palabra que cambia
El título recorre los servicios uno por uno y muestra todo lo que hace Discope en una sola línea.
Tu web, a otro nivel
Texto que se descifra
Las letras giran como un código y se ordenan hasta formar la frase. Muy tecnológico.
Titular gigante en movimiento
Palabras enormes que pasan de lado, alternando contorno y relleno. Le da fuerza editorial a una sección.
Letras que reaccionan
Las letras de una palabra se apartan y cambian de peso al acercar el mouse. Es una firma muy memorable.
Logo que se dibuja
El isotipo se traza con una línea y luego se rellena. Funciona como firma de la marca.
Partículas que forman el logo
Cientos de puntos vuelan y se ordenan hasta formar la marca; el mouse los dispersa. Es una pieza de presentación.
Globo de puntos
Un planeta de puntos que gira con conexiones que salen desde Cali. Comunica alcance y tecnología.
HPLenovoDellAsusEpsonCanonDahuaTP-LinkUbiquitiMikroTikKingstonLogitech
Cinta de marcas
Las marcas con las que trabajamos pasan en una franja continua que se detiene al pasar el mouse.
Preparando tu portal…
Pantalla de carga de marca
Mientras carga, el isotipo late y una barra avanza. Convierte la espera en un momento de marca.
0años
0proyectos
0clientes satisfechos
Cifras que cuentan
Los números suben hasta su valor al aparecer. Los logros se leen como logros.
Gráfica que crece
Barras que crecen con su valor. Sirve para comparar planes o mostrar mejoras de velocidad.
La oferta termina en
00
días00
horas00
min00
segNúmeros de paleta
Dígitos que giran como un tablero de aeropuerto. Ideal para cuentas regresivas u ofertas por tiempo.
0Velocidad
0Seguridad SSL
0En celular
Cifras de ejemplo Anillo de progreso
Un círculo se llena hasta el porcentaje y el número sube con él. Ideal para velocidad, satisfacción o avance.
Web
Diseño
Redes
CCTV
Soporte
Equipos
Cubo de servicios
Un cubo que gira y muestra un servicio en cada cara. Resume la oferta en un objeto.
Hosting Plan Pyme Dominio, correos corporativos y certificado SSL $189.900 al año
Tarjeta que se inclina
La tarjeta gira siguiendo el mouse, con un brillo que se mueve. Invita a hacer clic.
Páginas webVer servicio
Cámaras IPVer servicio
RedesVer servicio
Luz que sigue el mouse
El borde y el fondo de las tarjetas se iluminan donde está el mouse. Se ve muy elegante en fondos oscuros.
Botones con respuesta
Cada toque da una señal: una onda, una flecha que avanza, una confirmación.
Acerca el mouse
Botón magnético
El botón se acerca al mouse como un imán. Lleva la atención a la acción principal.
Tarjeta que gira
Al pasar el mouse, la tarjeta se voltea y muestra el detalle por detrás.
Más elegidoPlan PymeHosting, dominio y correos
Borde de luz que gira
Un borde de colores recorre la tarjeta sin parar. Destaca el plan o el servicio recomendado.
Enlaces con subrayado vivo
El subrayado crece desde un lado al pasar el mouse. Detalle fino que hace sentir cuidada la web.
«Nos entregaron la web a tiempo y quedó como la imaginamos.»
«Las cámaras se ven perfectas desde el celular.»
«El soporte responde el mismo día.»
Tarjetas que se barajan
Testimonios apilados: la de arriba sale y pasa al fondo como una baraja. Muestra varias opiniones en poco espacio.
Celebración al enviar
Al enviar un formulario sale confeti con los colores de la marca. Convierte el envío en un momento feliz.
Cursor de marca
Un círculo sigue al mouse con un leve retraso y crece sobre los botones. Propio de webs de diseño.
Baja dentro de este recuadro
Profundidad por capas
Fondo y primer plano se mueven a velocidades distintas al bajar. Da profundidad a los encabezados.
1
Diagnóstico: visitamos y medimos.
Propuesta: cotización clara, sin letra pequeña.
Instalación: en la fecha acordada.
Soporte: seguimos contigo desde el portal.
Historia que avanza
El texto avanza paso a paso mientras una imagen fija cambia a su lado. Ideal para explicar un proceso.
Mantenimiento preventivo
Barra de progreso
Una barra fina arriba indica cuánto falta de la página.
¿Listo para empezar?
Fondo de color vivo
Manchas con los colores de la marca que se mueven lento. Reemplaza un fondo plano sin pesar como un video.
Trama de la marca en movimiento
Los triángulos del pie de página respiran como montañas. Es el patrón de Discope, ahora vivo.
Malla de nodos
Puntos que flotan y se conectan cuando están cerca, y reaccionan al mouse. Tecnología hecha fondo.
Onda líquida
Olas en capas que se mueven suave en el borde de una sección. Cambio de sección orgánico y vivo.
Transición entre páginas
Al cambiar de página, el contenido se funde en lugar de recargar en blanco. Se siente como una app.
Menú en cortina
El menú del celular baja como una cortina y sus opciones entran una a una.
Esqueleto de carga
Mientras llegan los datos se ve la forma del contenido con un brillo. La espera se siente más corta.
Avisos emergentes
Mensajes que entran desde una esquina para confirmar acciones, y se van solos.
¿Quieres tu web en movimiento?
Diseñamos tu página a la medida y, una vez en línea, eliges nuevas animaciones cada mes desde tu portal de clientes.