Entiendo perfectamente tu frustración, y te pido disculpas. Dejemos de lado las optimizaciones y los métodos complejos.
Vamos a usar la solución más simple y directa posible, que no depende de nada más que del scroll de la página.
Este método hace dos cosas:
1. **JavaScript:** Vigila si la página está desplazada hacia abajo. Si lo está, añade una clase global a la página.
2. **CSS:** Usa esa clase global para cambiar el estilo de tu barra.
Este enfoque es a prueba de fallos porque es la comprobación más básica que existe y no interfiere con otros scripts.
-----
### Solución Directa y Final
Por favor, **borra cualquier script anterior** que te haya dado y pega este único bloque de código en la configuración de tu página, en la sección de **Custom Code** \> **Before `
Monthly of Sweden (MOS) es un grupo de marcas moderno que actúa como eje central para una familia de marcas de consumo innovadoras y respetuosas con el medio ambiente, como MonthlyCup, Imse y Boob. Unidos por la misión de fomentar las elecciones conscientes, ofrecen una gama de productos sostenibles y de alta calidad que se centran en el cuidado femenino, la maternidad y la higiene personal, haciendo que una vida respetuosa con el medio ambiente sea más accesible para todos.
Outcome
Nos asociamos con Monthly of Sweden (MOS), un grupo de marcas cada vez más respetuoso con el medio ambiente, para resolver su principal desafío de crecimiento: crear un centro digital unificado para albergar sus distintas marcas, atraer a los inversores y compartir su misión sin un ciclo de desarrollo complejo. Nuestro equipo diseñó una interfaz de usuario y experiencia de usuario limpia e intuitiva con una estética cálida y terrenal que reflejaba su compromiso con la sostenibilidad, creando un lenguaje visual coherente que permitía que cada submarca brillara. Simultáneamente, desarrollamos todo el sitio en Webflow, ofreciendo una plataforma totalmente responsiva y con una precisión de píxeles perfecta, con un CMS potente y fácil de usar. El resultado es una sede digital sofisticada y escalable que permite al equipo de MOS gestionar el contenido sin esfuerzo, lo que les permite ahorrar tiempo y recursos internos valiosos y, al mismo tiempo, fortalecer su posición en el mercado.
Generando confianza poniendo un rostro a la marca. La sección «Conozca a nuestros líderes» utiliza un diseño simple y limpio para presentar al equipo principal, añadiendo un toque personal al sitio corporativo.
Contando la historia de MOS a través de una cronología visual. Esta sección titulada «Nuestro viaje» utiliza íconos y una ruta clara para guiar al usuario a través de los hitos y la misión clave de la empresa.
Para el blog, diseñamos un diseño minimalista y fácil de leer. La gran cantidad de espacios en blanco y una imagen prominente de un héroe crean una experiencia inmersiva que hace que el contenido brille.
Diseñando la sala de redacción para que sea un centro tanto para los comunicados de prensa como para el contenido de los blogs. Un diseño limpio con una jerarquía visual clara facilita a los visitantes la búsqueda de las últimas actualizaciones.
¡Incluso un formulario de contacto merece un gran diseño! Nos centramos en la simplicidad y la facilidad de uso con etiquetas claras y un diseño sencillo para que la comunicación fuera una experiencia fluida.
La página de relaciones con los inversores tenía que ser profesional y sencilla. Nos centramos en la funcionalidad, utilizando una tipografía clara y componentes de documentos descargables para una experiencia fluida.
Este diseño muestra otro vistazo a la cuadrícula de productos. La clara llamada a la acción y el banner central guían a los usuarios en su viaje hacia el descubrimiento de productos reutilizables.
Esta es la página de la marca «boob», diseñada para madres. Utilizamos un héroe tipográfico dinámico y en capas para captar la atención y comunicar de inmediato el enfoque único de la marca.
El diseño del grid del producto tenía que ver con la claridad y la confianza. Usamos un diseño de cuadrícula limpio con imágenes de alta calidad y etiquetas claras que decían «Los más vendidos» para guiar a los usuarios hacia los productos populares y confiables, haciendo que la experiencia de compra fuera fluida y sencilla.
Profundizando en una página de marca específica para «imse». El objetivo era contar una historia convincente, combinando una tipografía audaz con imágenes de productos limpias para resaltar el enfoque único de la marca en los productos sostenibles y reutilizables.
Así es como presentamos la familia de marcas MOS. Esta sección se diseñó para dar a cada submarca (imse, boob y MonthlyCup) su propio protagonismo y, al mismo tiempo, mantener un aspecto cohesivo. Las tarjetas sencillas y elegantes facilitan a los usuarios la exploración.
Nuestro objetivo era lograr una apariencia limpia y atractiva que comunicara de inmediato su misión: «Productos respetuosos con el medio ambiente para la vida cotidiana». Una paleta suave y terrosa y una navegación clara sientan las bases para toda la experiencia del usuario.
Keep| reading, browsing, paging
5.0 Google
Our case studies unite high-performance design and tangible results.
Estrella en ascenso en la automatización de TI, que permite a las empresas optimizar las operaciones a través de su plataforma fácil de usar. Ronda de financiación de la serie A de 10 millones de dólares.
Con la confianza de
Cobis Topaz
Una fintech líder en América Latina reconocida por Gartner y Celent. Capacitan a más de 300 clientes y atienden a más de 550 millones de usuarios finales en 25 países.
Con la confianza de
Charlotte's Web
Una fuerza pionera en la industria del bienestar con CBD, que cuenta con una posición líder en el mercado y genera ingresos anuales que superan los 60 millones de dólares.
Con la confianza de
Stanley Brothers
Pioneros en la industria del CBD con productos de cáñamo de alta calidad, fundadores de Charlotte's Web.
Con la confianza de
SwipeSimple
Proveedor líder de pagos móviles, que permite a más de 125 000 comerciantes aceptar pagos. Lista de Inc. 5000 de las empresas de más rápido crecimiento
Con la confianza de
Trivie
La plataforma de trivia más grande del mundo, que atrae a millones de usuarios y que Quantum5 la adquirió recientemente.
Estrella en ascenso en la automatización de TI, que permite a las empresas optimizar las operaciones a través de su plataforma fácil de usar. Ronda de financiación de la serie A de 10 millones de dólares.
Con la confianza de
Cobis Topaz
Una fintech líder en América Latina reconocida por Gartner y Celent. Capacitan a más de 300 clientes y atienden a más de 550 millones de usuarios finales en 25 países.
Con la confianza de
Charlotte's Web
Una fuerza pionera en la industria del bienestar con CBD, que cuenta con una posición líder en el mercado y genera ingresos anuales que superan los 60 millones de dólares.
Con la confianza de
Stanley Brothers
Pioneros en la industria del CBD con productos de cáñamo de alta calidad, fundadores de Charlotte's Web.
Con la confianza de
SwipeSimple
Proveedor líder de pagos móviles, que permite a más de 125 000 comerciantes aceptar pagos. Lista de Inc. 5000 de las empresas de más rápido crecimiento
Con la confianza de
Trivie
La plataforma de trivia más grande del mundo, que atrae a millones de usuarios y que Quantum5 la adquirió recientemente.
AtQuo, registrada como Quo Agency, Inc. en Nueva York, y como Quo Agency SAS en Ecuador, es una compañía multifacética que combina la experiencia de una agencia creativa con la eficiencia de una empresa de servicios profesionales impulsada por la tecnología. La empresa está estructurada para ayudar a las marcas a ampliar su producción creativa a través de un conjunto de tres productos distintos: Relia, Kit y Agency. Nuestro modelo está diseñado para eliminar la pérdida de tiempo en cada etapa de su crecimiento. Empieza rápido y lanza un proyecto definido en cuestión de minutos con un kit de precio fijo, que te permite saltarte todo el proceso de propuesta y negociación. A medida que tus necesidades se hagan más frecuentes, gana impulso con una suscripción flexible a Relia, que te permitirá disponer de un equipo creativo bajo demanda para todas las tareas del día a día sin el repetitivo ciclo de contratación. Por último, para tus iniciativas más críticas, puedes activar inmediatamente a nuestra agencia asociada estratégica, sin tener que pasar meses buscando una firma reconocida y de primer nivel.