
Moiizo was a new lifestyle brand entering the market without a digital presence. The brand’s identity rooted in craftsmanship, family values, and mindful living, needed translation into a coherent online experience. The challenge was to design a digital foundation that would communicate Moiizo’s philosophy clearly, support scalable e-commerce growth, and position it credibly among established lifestyle brands.


As Moiizo was pre-launch with no existing analytics, the research phase focused on understanding the brand’s positioning and mapping a hypothetical customer journey to anticipate user expectations. This groundwork informed both IA and design direction before development.
Activities:

Key Insights:
The definition phase translated research insights into clear UX objectives. The aim was to express Moiizo’s values: calm, craftsmanship, and sincerity through structure, interaction, and tone.
UX Objectives:

Target Users:
The ideation phase focused on transforming Moiizo’s brand philosophy into a clear and meaningful digital structure. This stage connected strategic insights with tangible design decisions, defining how users would explore the brand, discover products, and feel part of the Moiizo world.
Moodboard:
To define the visual tone, I created three moodboard directions, all grounded in the brandbook’s minimalistic identity. Each direction explored a different balance of Moiizo’s core values, from warm natural calm to refined modern simplicity. The goal was to ensure consistency with the existing brand language while exploring how minimalism could visually convey calmness, quality, and authenticity. The final direction was chosen for its clear reflection of refined simplicity and subtle emotional warmth, perfectly aligning with Moiizo’s lifestyle positioning.

Sitemap:
The sitemap was developed from the earlier research and customer journey mapping, ensuring navigation reflected how users would intuitively explore Moiizo. It established a balanced structure between brand storytelling and commerce, allowing visitors to discover the brand’s philosophy and products in a natural, conversational flow.

Wireframes:
Based on the approved sitemap, I created low-fidelity wireframes to define content hierarchy, pacing, and user flow. The layouts emphasised clarity, generous whitespace, and calm rhythm, guiding users through an intuitive journey that felt premium and effortless.
Design:
The final design aimed to balance storytelling and commerce in one cohesive experience.

A mobile-first design approach defined the layout hierarchy, interaction patterns, and content density. Responsive behaviuor was considered from the earliest wireframes, ensuring components scale fluidly while preserving Moiizo’s visual rhythm and sense of calm across breakpoints. Typography, spacing, and imagery were refined to maintain balance and visual integrity on all screen sizes

As Moiizo’s first release, validation centred on internal design reviews and alignment sessions. The focus was on ensuring the interface translated brand intent into a clear, conversion-ready experience. Key reviews verified consistency in hierarchy, flow, and tone across all breakpoints.
What success looks like:

Once the final designs were approved, I prepared detailed Figma documentation for development, including responsive layouts and style guides. I worked closely with the developers through QA to ensure visual and functional fidelity.
Next steps:
Next possible improvements: