mobo

Old version

Banchmarking

I was interested in how catalog structures are organized, how navigation between sections works, and how product cards are presented. I paid special attention to how product customization is implemented, including size selection, material choices, and how these processes are adapted for mobile devices.

CJM

Based on the user journey, I identified key problems at each stage and defined solutions to simplify the interaction.

Wireframes

Then I created wireframes to validate screen structure, test core flows, and ensure the logic works as expected.

Moodboard

The moodboard defines the overall visual language of the interface. It reflects a calm, minimal aesthetic, clean shapes, neutral tones, and a focus on materials, helping keep attention on the product and creating a sense of clarity and refinement.

UI

During the interface redesign, I focused on simplifying the selection process and improving product clarity.

• Standardized product naming to create a consistent system and make it easier to navigate and understand differences between models.
• Linked parameter selection to visuals, changes in materials and colors are reflected instantly in the product image.
• Simplified parameter selection by presenting sizes, materials, and colors as clear and easy-to-use controls.
• Restructured the catalog to improve navigation and reduce the time needed to find relevant categories.
• Added a “similar products” section to help users explore alternatives and continue browsing within the catalog.

I also worked on the mobile version, focusing on preserving key user flows and making the experience comfortable on smaller screens.

One of the key goals was to make material and color selection as clear as possible. Changes are reflected instantly in the product, helping users better understand the result and make decisions faster.