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 comprometido con el medio ambiente, para resolver su principal desafío de crecimiento: crear un centro digital unificado que albergara sus distintas marcas, atrajera a inversores y comunicara su misión sin necesidad de complejos ciclos de desarrollo. Nuestro equipo diseñó una interfaz de usuario (UI) y una experiencia de usuario (UX) limpias e intuitivas, con una estética cálida y natural que refleja su compromiso con la sostenibilidad, creando un lenguaje visual coherente que permite que cada submarca destaque. Paralelamente, desarrollamos todo el sitio en Webflow, ofreciendo una plataforma totalmente responsiva y con una precisión de píxeles perfecta, equipada 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, ahorrando tiempo y recursos internos valiosos mientras fortalecen 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.

El encargo

Monthly of Sweden acudió a atQuo con un problema estructural. Habían construido una cartera de marcas realmente sólidas —MonthlyCup, Imse, Boob—, cada una con su propia identidad, público y enfoque de producto, pero todas unidas por un compromiso con un estilo de vida sostenible y ecológico. Lo que les faltaba era un hogar digital capaz de agrupar todo esto de forma coherente.

El objetivo era un sitio en Webflow diseñado y desarrollado desde cero: una plataforma unificada para el grupo que sirviera simultáneamente a consumidores, inversores y prensa, y que diera al equipo de MOS la capacidad de gestionar el contenido de forma independiente, evitando cuellos de botella en el desarrollo cada vez que fuera necesario realizar un cambio.

El desafío de diseño

Los sitios web de grupos de marcas suelen fallar en uno de estos dos extremos: o todo se fusiona en una amalgama visual donde nada tiene carácter propio, o las submarcas se sienten tan separadas que el grupo carece de identidad. La tarea de diseño consistió en encontrar el equilibrio adecuado: construir un lenguaje visual compartido lo suficientemente cálido como para transmitir la misión de sostenibilidad, pero con la flexibilidad necesaria para que cada marca tuviera su propio espacio.

La paleta de tonos tierra y la tipografía limpia establecen el carácter del grupo MOS. Las páginas de Imse, Boob y MonthlyCup tienen su propio tratamiento —diferentes imágenes principales, diferente tono—, manteniendo a la vez la claridad de pertenecer a la misma familia.

Lo que construimos

La página de inicio establece la misión de inmediato y guía a los visitantes hacia la marca que buscan. La sección de submarcas presenta las tres con el contexto suficiente para orientar sin abrumar, utilizando una estructura de tarjetas que permite que cada marca se exprese por sí misma.

Las páginas individuales de cada marca profundizan más. La página de Imse utiliza imágenes de producto llamativas y cuadrículas limpias para comunicar la reutilización y la sostenibilidad. La página de Boob fue diseñada para madres, con un encabezado tipográfico en capas que prioriza al público antes que al producto. MonthlyCup cuenta con una cuadrícula de productos con etiquetas de superventas y rutas de compra claras, diseñada para alguien que ya sabe lo que busca.

La sección de relaciones con inversores se diseñó para ser profesional y fluida: tipografía clara, componentes para descargar documentos y un formulario de contacto sencillo. Para un grupo de marcas en crecimiento que busca activamente inversión, esta sección debe funcionar tan bien como las páginas orientadas al consumidor.

La sala de prensa gestiona tanto comunicados de prensa como artículos de blog bajo el mismo sistema, con un formato de artículo destacado que otorga al contenido editorial el peso visual necesario para destacar. Las páginas de artículos individuales utilizan un amplio espacio en blanco y una imagen principal potente para mantener una experiencia de lectura limpia.

La línea de tiempo de la empresa y la página de equipo completan la historia de la marca: hitos que muestran la trayectoria y rostros que hacen que la misión sea personal.

El resultado

Una plataforma escalable en Webflow que le brinda a Monthly of Sweden una sede digital a la altura de la ambición del grupo de marcas que representa, junto con un CMS que permite a su equipo mantener el contenido actualizado sin depender de nadie externo.

Keep| reading, browsing, paging

Our case studies unite high-performance design and tangible results.