MOOOOR: Let me tell you a story
MOOOOR is a newly launched brand dedicated to offering high-quality natural supplements. With no physical stores, the website is the core of its digital strategy, serving as both an online store and an information hub for customers.
The Design Concept
The entire design revolves around the circular shape, symbolizing both the pill and the product itself. This visual and symbolic element permeates the interface and animations, reinforcing MOOOOR’s identity and conveying a sense of purity and effectiveness.
An Experience Designed and Created from Scratch
The project was born from scratch, starting with the study of naming and branding, all the way to the creation of the packaging. Then, Studio Sentempo brought our creation to life by producing 3D renderings that helped tell MOOOOR’s story in the best possible way.
Things Are Getting Real
The MOOOOR website was crafted with a clean and natural aesthetic, featuring a carefully curated color palette inspired by organic tones and seamless transitions. Every interaction was designed to be engaging, dynamic, and aligned with the brand’s identity, while ensuring an intuitive user experience.
A standout feature is the real-time generative animation, which evolves based on user interactions, creating a unique and immersive experience.
One of the key challenges was managing textual content—essential for the brand’s marketing—while maintaining a seamless navigation experience. We optimized the structure and layout to ensure clear and harmonious reading without compromising readability or design.
“The perfect balance between design and usability”
Technologies and Development
The MOOOOR website was built using React and Hydrogen, Shopify’s headless framework, allowing for high creative freedom in design and animations. Shopify manages the entire e-commerce and editorial content through metaobjects, eliminating the need for an external CMS. Framer Motion was integrated to enable smooth, dynamic transitions, while Shopify ensures optimized navigation and efficient sales and data management.
Q&A Section
1. What was the biggest challenge in creating this website?
The most significant challenge was translating MOOOOR’s abstract identity into a cohesive digital platform, balancing aesthetics with functionality. We focused on ensuring an intuitive interface without compromising visual impact.
2. What advice can you give for creating an e-commerce website like this?
Close collaboration between designers, developers, and content creators is essential for maintaining a smooth workflow and achieving a cohesive final result.
3. What did you learn during the development of the project?
We deepened our expertise in generative design techniques and advanced transitions while refining the management of editorial content directly within Shopify, without relying on an external CMS.
Company Info
MOOOOR is an emerging brand in the natural supplements industry, committed to delivering high-quality products with a focus on purity and sustainability. As the brand’s primary point of contact with customers, the website plays a crucial role in its digital strategy, ensuring an engaging and effective online presence.