Diseño y desarrollo de un sitio web para Monthly Of Sweden

Client
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.
Description
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.
MOS - Website 2025 - Una primera impresión respetuosa con el medio ambiente
MOS - Website 2025 - Presentación de la familia de marcas MOS
MOS - Website 2025 - Contar la historia de una marca única
MOS - Website 2025 - Red de productos limpia para los más vendidos
MOS - Website 2025 - Página de marca para madres modernas
MOS - Website 2025 - Promoción de productos reutilizables y respetuosos
MOS - Sitio web 2025 - Diseño limpio para las relaciones con los inversores
MOS - Website 2025 - Formulario de contacto sencillo para relaciones con inversores
MOS - Website 2025 - Centro de contenido organizado para noticias
MOS - Website 2025 - Diseño de artículos de blog centrados en el lector
MOS - Website 2025 - Visualización del recorrido de la empresa
MOS - Website 2025 - Generar confianza con el equipo
No items found.
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.
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.
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.
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.
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.
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.
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.
¡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.
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.
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.
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.
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.

The brief

Monthly of Sweden came to atQuo with a structural problem. They had built a portfolio of genuinely strong brands — MonthlyCup, Imse, Boob — each with its own identity, audience, and product focus, all united by a commitment to sustainable, eco-conscious living. What they didn't have was a digital home that could hold all of it coherently.

The ask was a Webflow site designed and developed from scratch: a unified brand group platform that served consumers, investors, and the press simultaneously, and gave the MOS team the ability to manage content independently without creating a development bottleneck every time something needed to change.

The design problem

Brand group sites fail in one of two directions. Either everything gets merged into a visual soup where nothing has its own character, or the sub-brands feel so separate that the group itself has no identity. The design task was threading that correctly — building a shared visual language warm enough to carry the sustainability mission, with enough flexibility for each brand to have its own moment.

The earthy palette and clean typography establish the MOS group-level character. The brand pages for Imse, Boob, and MonthlyCup each have their own treatment — different heroes, different tone — while remaining clearly part of the same family.

What we built

The homepage sets the mission immediately and moves visitors toward the brand they're looking for. The sub-brand section introduces all three with enough context to orient without overwhelming, using a card structure that lets each brand speak for itself.

The individual brand pages go deeper. Imse's page uses bold product imagery and clean grids to communicate reusability and sustainability. Boob's page was designed for mothers, with a layered typographic hero that leads with the audience before the product. MonthlyCup gets a product grid with bestseller labels and clear purchase paths, built for someone who already knows what they want.

The investor relations section was built to be professional and frictionless — clear typography, downloadable document components, and a simple contact form. For a growing brand group actively seeking investment, that section has to work as well as the consumer-facing pages.

The newsroom handles both press releases and blog content under the same system, with a featured article format that gives editorial content the visual weight it needs to perform. Individual article pages use generous white space and a strong hero image to keep the reading experience clean.

The company timeline and team page round out the brand story — milestones that show trajectory, faces that make the mission personal.

The outcome

A scalable Webflow platform that gives Monthly of Sweden a digital headquarters worth the ambition of the brand group it represents — and a CMS that lets their team keep it current without depending on anyone outside the building.

Keep| reading, browsing, paging

Our case studies unite high-performance design and tangible results.
Ready to get started?

Deploy your stack

Whether you need to invent the future (Human Layer) or scale the present (Efficiency Layer), the infrastructure is ready.
[ Let's talk → ]

Need something else from the atQuo infrastructure?

Enter frontier layer
(You are here)
Relia
Integrated Teams