Mistero Milano
Client
Mistero Milano is an expert in the beauty industry, offering nail styling products for over 9 years.
Mistero Milano is an expert in the beauty industry, offering nail styling products for over 9 years.
The brand's professional-oriented products can be found in some European countries, including Spain, Germany, Italy, Turkey, and Iran.
CHALLENGE
Our task was to create a user-friendly online store and an effective e-commerce management system.
Our task was to create a user-friendly online store and an effective e-commerce management system.
The client approached us with various ideas for improvements in their organization. We were to gather all these ideas, add our suggestions, and present a comprehensive solution.
SOLUTION
The Mistero Milano online store was developed based on the proprietary MoonShop system, allowing easy addition of selected modules.
The Mistero Milano online store was developed based on the proprietary MoonShop system, allowing easy addition of selected modules.
At the client's request, we created a module that enables users to post product reviews. Our proprietary system allows customization of online store modules and functionalities to meet the individual needs of each client.
Technologies
Technologies
Figma
PHP 7.0
HTML / CSS
Vue.JS
JavaScript
PWA
DESIGN PROCESS
Our collaboration with Mistero Milano began with a UX audit, aiming to analyze the usability of the brand's online store.
Our collaboration with Mistero Milano began with a UX audit, aiming to analyze the usability of the brand's online store.
Based on the audit results, we developed a new look for the website. When designing the e-commerce store, we paid special attention to selecting appropriate graphics that present the brand's products in an attractive manner.
Process Elements
Process Elements
UX Audit
Workshops with the client
Interactive UX/UI prototypes
Development
Implementation of dedicated solutions
Production launch
Ongoing technical support
DISCOVERY
During the product discovery process, we analyze and create a visual architecture of information.
During the product discovery process, we analyze and create a visual architecture of information.
The outcome of workshops and internal project analysis includes several key architecture elements, such as a product map, user persona, basic wireframes, and a post-workshop document. This document serves as a preliminary functional description, which is then used for project estimation and implementation by the development team.
AUTOMATIONS
Automation in terms of adding social media marketing materials
Automation in terms of adding social media marketing materials
Integration with Instagram allows for the direct display of posts published on the social media platform in the online store. The homepage also features examples of stylizations along with the products used, making it easier for users to find the right nail polishes and other items quickly.
PRODUCT CARD
We design custom product cards for mobile versions for each client separately because we understand that the same solution may not work for different types of products and industries.
We design custom product cards for mobile versions for each client separately because we understand that the same solution may not work for different types of products and industries.
IMPLEMENTED SOLUTIONS
Key integrations with external systems.
Key integrations with external systems.
Solutions
Solutions
Instagram: bezpośrednie udostępnienie w sklepie internetowym postów opublikowanych w serwisie społecznościowym
Tempor incididunt ut labore et dolore magna aliqua.
CIncididunt ut labore et doloreRM
CIncididunt ut labore et doloreRM
UI DESIGN
Design elements, such as the previous bold color palette, have been softened and enriched with subtle patterns. The overall plan is to communicate in a minimalist and unobtrusive way.
Design elements, such as the previous bold color palette, have been softened and enriched with subtle patterns. The overall plan is to communicate in a minimalist and unobtrusive way.
DESIGN SYSTEM
A brief presentation of selected styles.
A brief presentation of selected styles.
Free consultation
