Dans un monde où chaque choix compte, Meobank aide les utilisateurs à prendre des décisions financières qui contribuent à un avenir plus vert.
Transforming the luxury shopping experience through augmented reality
Empowering users to make financial decisions that align with their environmental values is at the core of Meobank’s mission
Dans un monde où chaque choix compte, Meobank aide les utilisateurs à prendre des décisions financières qui contribuent à un avenir plus vert.
My role
En tant que **Designer UX/UI** sur ce projet, mes responsabilités incluent :
→ **Recherche Utilisateur & Personas** : Conduire des recherches utilisateur et créer des personas détaillés pour comprendre les besoins et les motivations.
→ Wireframing and Prototyping
→ Information Architecture
→ User Testing
→ Journey Mapping
→ Web & Mobile Design
→ Responsive Design
→ Accessibility
→ Design Systems
→ Visual Design & Branding
My role
User interface design
Creating an intuitive and elegant interface for the AR application that reflects luxury standards.
Creating a cohesive visual experience
Ensuring that the interface’s aesthetics align with the branding of haute couture houses.
Optimizing the user experience
Ensuring that every element of the interface enhances engagement and facilitates user interaction with the AR elements.
As a UI Designer, my responsibilities include
Project
Elevating luxury fashion retail with AR and MR Technologies
I am working on an AR & MR project for Studio, an avant-garde concept aimed at revolutionizing the high-end clothing retail sector. This project, currently in the development stage, seeks to offer major luxury fashion brands, our initial targets, a novel way to provide their customers with an original and immersive shopping experience
By integrating Augmented Reality (AR) and Mixed Reality (MR) technologies, Studio aims to transform how consumers interact with high-end clothing brands, enabling them to explore and engage with collections in their real environments. This is enhanced with virtual elements such as 3D garment views, virtual try-ons, interactive lookbooks, and immersive MR experiences that seamlessly blend the physical and digital worlds.
Goals
Creating an intuitive application
Designing a simple and smooth navigation to facilitate ease of use in financial decisions.
Alignment with sustainability
Reflecting Meobank’s values by integrating eco-friendly features at every level of interaction.
Security and modernity
Providing a modern, simple, and secure interface that inspires trust.
Helping users anticipate and make proactive financial choices.
Goals
Creating an intuitive application
Designing a simple and smooth navigation to facilitate ease of use in financial decisions.
Security and modernity
Providing a modern, simple, and secure interface that inspires trust.
Alignment with sustainability
Reflecting Meobank’s values by integrating eco-friendly features at every level of interaction.
Goals
The primary goal of this project is to design a banking application that is both intuitive and emotionally engaging, aligned with Meobank’s core values of sustainability and responsibility. We aim to create a user experience (UX) that is welcoming and easy to navigate, paired with a modern, simple, and secure user interface (UI). The ultimate objective is to ensure that every interaction with the app strengthens users’ connection to Meobank’s mission.
Process
Define
Data synthesis
I participated in identifying the essential needs of users and the major problems to solve in our application, focusing on their translation into user interface elements.
Personas
I used detailed profiles of typical users to guide my design choices, ensuring that the interface truly meets their expectations.
User journey
I consulted user journey maps to identify potential improvement points and optimize the visual and interactive experience of the interface.
Ideate
Brainstorming
I participated in brainstorming sessions and proposed ideas to solve the identified problems, focusing on aesthetics, usability, and visual engagement.
Selection of the best ideas
We evaluated each concept based on its technical feasibility, alignment with project objectives, and potential to offer an exceptional user experience.
Storyboarding
I visualized the interaction flow for each selected idea, which helped me refine the designs and anticipate user interactions.
User research
I collaborated with the UX team to analyze the results of interviews and surveys conducted with high-end clients to understand their expectations, desires, and frustrations regarding current shopping experiences.
Market analysis
We studied current and future trends in luxury fashion and AR technology to guide our design decisions and ensure that the interface reflects industry evolutions.
Observation
By examining how clients interact with existing platforms, I identified gaps and determined how the user interface could fill them.
Empathize
Process
Process
User-centered design process
→ User research
We began by conducting in-depth research to understand the needs and expectations of our potential users. This included surveys and interviews that provided crucial insights into the behaviors, motivations, and concerns of future users. This research was fundamental in shaping our design strategy.
→ Persona development
Detailed personas were created to represent our diverse potential user base. Each persona reflects unique banking needs and specific environmental aspirations, ensuring that the application will cater to a wide range of users.
Dans un monde où chaque choix compte, Meobank aide les utilisateurs à prendre des décisions financières qui contribuent à un avenir plus vert.
Process
Collaborative use of the Project Canvas
We started by fully utilizing the Project Canvas as a team. This tool allowed us to map out the key objectives of the project, such as integrating AI and gamification to promote sustainability. By visualizing each component together, we ensured a common understanding among all stakeholders and established a clear roadmap for developing this new application.
Project initiation
Precise definition of objectives and constraints
We established SMART goals. For example, aiming to increase user engagement by 30% within the first six months post-launch through gamification features. We identified current budgetary and technical constraints, including challenges related to banking security and AI integration, and planned solutions to overcome them.
Team creation of detailed personas
We conducted surveys, in-depth interviews, and direct observations to gather rich data. This allowed us to develop representative personas, such as Arthur C., 29 years old, an environmentally conscious architect who wants a banking app aligned with his ecological values and offering AI features for better financial management.
User research
Synthesis with the UCD Canvas
We synthesized the information in the UCD Canvas to draw deep insights into the motivations and frustrations of potential users. These insights revealed needs such as visualizing the environmental impact of transactions and the desire for rewards for sustainable behaviors, thereby guiding our design towards truly user-centered solutions.
Collaborative documentation of hypotheses
We recorded UX hypotheses such as “Users will increase their use of the app if gamification elements are integrated.” Each hypothesis was associated with measurable validation criteria, such as retention rate or number of daily interactions, for precise evaluation during future tests.
Formulation and validation of UX hypotheses methodologies
Process
Prototype
High-fidelity mockups
I am currently designing high-fidelity mockups of the user interface, paying close attention to graphic details to reflect the luxury image associated with major brands.
AR integration
I collaborate with developers to incorporate interactive AR elements into the prototypes, which will allow us to test key interactions from the interface’s perspective once the prototypes are finalized.
Iterative design
I continuously refine the prototypes to improve aesthetics and functionality with each iteration, taking into account feedback from the UX team.
Test
Testing phase
The testing phase is planned for the next stage of the project. Once the prototypes are finalized, we will schedule user testing sessions to gather feedback on the interface and interactions, identify strengths and areas for improvement, and make the necessary iterations to perfect the user experience.
Methodical evaluation of methods
We used a decision matrix to select the most appropriate methodologies, such as Design Thinking to foster innovation and Lean UX for rapid iterations. We also integrated co-design techniques with users to ensure that the solutions truly meet their needs.
Strategic selection of UX/UI methodologies
Coherent integration into the project canvas
All methodological decisions were documented and integrated into the Project Canvas, ensuring complete transparency and facilitating interdisciplinary communication. This ensured that every team member was aligned on the chosen approaches and their justifications.
Development of a visual design
Drawing inspiration from the latest trends in sustainable design, we created moodboards incorporating natural elements and color palettes evoking serenity and trust. We defined detailed style guides covering typography, iconography, and animations to ensure visual consistency and a smooth user experience.
User interface and information architecture design
Creation of high-fidelity prototypes
Building upon the wireframes and information architecture, we transformed them into interactive high-fidelity prototypes using Figma. These prototypes simulate a realistic user experience, integrating features like carbon footprint tracking and gamification rewards.
Design of Information architecture and creation of wireframes
We structured the application’s content and navigation by developing a comprehensive information architecture. This involved creating sitemaps and user flow diagrams to ensure logical navigation paths. We then developed wireframes based on this structure, laying out the placement of content, features, and interactive elements.
Development of functional prototypes
We are currently working on complex interactive prototypes allowing users to navigate through different features, such as consulting their personal eco-barometer or engaging in spending reduction challenges. These prototypes serve as valuable tools for gathering feedback from users and stakeholders.
Interactive and iterative prototyping
Continuous validation and optimization
By organizing planned user testing sessions, we aim to collect qualitative and quantitative data on interaction with the prototype. For example, determining if users desire easier access to sustainable investment recommendations, which will lead to adjustments in navigation and the highlighting of these features.
Planning qualitative and quantitative user tests
We are preparing structured user tests using realistic scenarios to evaluate the application’s effectiveness. Methods such as “think aloud” will help understand users’ thought processes, while metrics like task success rate will provide quantitative data to measure usability.
User testing
Iterations based on concrete data
The insights obtained will serve targeted iterations. For example, improving the clarity of information on environmental impact to increase user understanding, according to test feedback.
Compliance with WCAG 2.1 AA standards
We ensure that every element of the application under development complies with accessibility standards. This includes using adequate color contrasts, implementing alternative text for images, and ensuring that the application is fully navigable via keyboard.
Advanced accessibility optimization
Active promotion of inclusivity
By integrating universal design principles, we aim to create an application that not only meets accessibility standards but also offers an enriching experience for all users. This reinforces Meobank’s commitment to an ethical and responsible approach.
Collaborative workshops and precise documentation
We organize co-creation workshops with developers to ensure mutual understanding of technical requirements and design intentions. We provide detailed specifications, implementation guides, and exportable resources to facilitate the ongoing development process.
Close collaboration with developers
Monitoring and support during development
We maintain constant communication with the development team, using project management tools like Jira to track progress and quickly resolve issues. This collaboration allows for seamless integration of AI and gamification features without compromising performance or security.
Amandine, 32 years old, architect, single
Amandine is passionate about fashion and technological innovations. She frequently purchases luxury clothing both online and in-store. Very active on social media platforms like Instagram, she prefers personalized and exclusive shopping experiences and regularly attends fashion shows and industry events to stay at the forefront of the sector.
What she said
“I would like Studio to offer personalized recommendations through AI, enabling me to discover pieces perfectly suited to my style, as well as realistic virtual try-ons to visualize each outfit. The ability to customize items in real-time would also be a major asset.”
Methodical Evaluation of Methods as a Team
We used a decision matrix to select the most appropriate methodologies, such as Design Thinking to foster innovation and Lean UX for rapid iterations. We also integrated co-design techniques with users to ensure that the solutions truly meet their needs.
→ Strategic selection of UX/UI methodologies
Coherent Integration into the Project Canvas
All methodological decisions were documented and integrated into the Project Canvas, ensuring complete transparency and facilitating interdisciplinary communication. This ensured that every team member was aligned on the chosen approaches and their justifications.
→ User interface design
-
Development of a visual design in collaboration
Drawing inspiration from the latest trends in sustainable design, we created moodboards incorporating natural elements and color palettes evoking serenity and trust. We defined detailed style guides covering typography, iconography, and animations to ensure visual consistency and a smooth user experience.
-
Creation of wireframes and high-fidelity prototypes
We used Figma to develop structured wireframes and then transformed them into high-fidelity interactive prototypes. These prototypes integrate micro-interactions and smooth transitions to simulate a realistic user experience, including features like carbon footprint tracking and gamification rewards.
→ Interactive and iterative prototyping
-
Development of functional prototypes
We are currently working on interactive prototypes allowing users to navigate through different features, such as consulting their personal eco-barometer or engaging in spending reduction challenges. These prototypes serve as valuable tools for gathering feedback from users and stakeholders.
-
Continuous validation and optimization
By organizing planned user testing sessions, we aim to collect qualitative and quantitative data on interaction with the prototype. For example, determining if users desire easier access to sustainable investment recommendations, which will lead to adjustments in navigation and the highlighting of these features.
→ User testing
-
Planning qualitative and quantitative user tests
We are preparing structured user tests using realistic scenarios to evaluate the application’s effectiveness. Methods such as “think aloud” will help understand users’ thought processes, while metrics like task success rate will provide quantitative data to measure usability.
-
Iterations based on concrete data
The insights obtained will serve targeted iterations.
→ Close collaboration with developers
-
Collaborative workshops and documentation
We organize co-creation workshops with developers to ensure mutual understanding of technical requirements and design intentions. We provide detailed specifications, implementation guides, and exportable resources to facilitate the ongoing development process.
-
Monitoring and support during development
We maintain constant communication with the development team, using project management tools like Jira to track progress and quickly resolve issues. This collaboration allows for seamless integration of AI and gamification features without compromising performance or security.
→ Advanced accessibility optimization
-
Compliance with WCAG 2.1 AA standards
We ensure that every element of the application under development complies with accessibility standards. This includes using adequate color contrasts, implementing alternative text for images, and ensuring that the application is fully navigable via keyboard.
-
Active promotion of inclusivity
By integrating universal design principles, we aim to create an application that not only meets accessibility standards but also offers an enriching experience for all users. This reinforces Meobank’s commitment to an ethical and responsible approach.
→ Information architecture
With our personas in mind, we mapped out clear user flows and a comprehensive site map to define the structure of the application. This step is crucial to ensure the app will be both intuitive and easy to navigate. future users. This research was fundamental in shaping our design strategy.
→ Wireframes and prototypes
The information architecture was translated into wireframes, which are currently being developed into high-fidelity interactive prototypes. These prototypes serve as a visual representation of the app’s functionality and design.
→ Usability testing
Although the application is still in development, we have planned rigorous usability testing, where future users will interact with the prototypes. These tests will provide valuable feedback and enable iterative improvements before the official launch.
Key Features of AI
AI plays a key role in improving financial management at Meobank by integrating features focused on sustainability and environmental impact. These innovations help guide users toward more responsible choices.
Personalized financial advice
Tailored to each user’s spending habits and their environmental impact, helping them make eco-friendly financial decisions.
Real-time carbon footprint tracking
Providing users with insights into the environmental impact of their transactions and suggesting ways to reduce or offset their carbon footprint.
Green rewards programs
Identifies and promotes eco-friendly businesses, rewarding users for sustainable choices with points or incentives.
Sustainable investment portfolios
Analyzes user preferences and market data to recommend investment options aligned with environmental sustainability goals.
Eco-friendly chatbots
Chatbots assist with banking tasks and offer advice on sustainable living and financial management.
Predictive sustainable savings
Evaluates savings patterns and suggests sustainable projects, such as investments in renewable energy, that users can contribute to.
Fraud detection with a focus on greenwashing
Ensures that companies and products claiming to be sustainable are accurately represented, maintaining trust and transparency.
Community engagement
Connects users with similar sustainability goals, fostering a community of environmentally conscious individual.
Optimization of green loans and credits
Assesses loan applications based on sustainability criteria, offering better terms for eco-friendly projects.
Gamification to engage users
Gamification for enhanced user engagement and sustainability, making the banking experience more interactive and enjoyable.
Personalized goals
Allow users to set specific sustainability-related goals, such as saving for an eco-friendly purchase or reducing their carbon footprint. They can earn points or badges when they achieve these goals.
Virtual tree
Each time a user completes a sustainable action (such as making an eco-conscious purchase or reducing their carbon footprint), a virtual tree grows in the app. Once the tree is fully grown, the user can unlock rewards or even plant a real tree through a partnership with an environmental organization.
Personal eco-barometer
A visual indicator within the app shows in real-time how users’ financial actions positively impact the environment. As they make more sustainable decisions, the barometer rises, unlocking rewards.
Leaderboards and rewards
Introduce a leaderboard for users most engaged in sustainable financial practices. Top users can earn badges, virtual rewards, or even special offers from eco-friendly partners.
Spending reduction challenges
Offer challenges where users aim to cut non-essential spending over a set period. The savings can be invested in green projects, with rewards for those who succeed.
Energy savings tracker
Allow users to connect the app to their utility accounts to track energy consumption. Users can earn points by reducing their energy use over time.
Carbon footprint reduction badges
Reward users with special badges when they reach milestones in reducing their carbon footprint, such as driving less or purchasing locally produced goods.
“Buy sustainable” challenges
Implement challenges where users are encouraged to purchase products labeled as sustainable or organic. By scanning receipts through the app, they can accumulate points for rewards or donations to environmental causes.
What Sets Us Apart
Next steps
We will focus on completing the development of the app’s core features, expanding AI-driven functionalities, and continuously improving the user experience based on ongoing testing and feedback. Additionally, we plan to explore additional features to increase user engagement and retention as the app approaches its launch.
Challenges and solutions
User engagement
One of the most significant challenges we currently face is ensuring high user engagement. To achieve this, we are working on creating an interface that is both functional and emotionally engaging. The design must reflect sustainability values, allowing users to feel connected to the app and its ecological objectives.
Balance between simplicity and functionality
We face the challenge of designing an app that is both simple and powerful. Our approach is to adopt a minimalist design, removing non-essential elements to focus on what truly matters: ease of use, security, and the integration of sustainability values. We are currently fine-tuning this balance to deliver a smooth experience without sacrificing performance.
Security issues
As a banking application, security has been a top priority from the earliest stages of the project. We are currently implementing security features that comply with industry standards while ensuring that these measures do not compromise the user experience. The goal is to offer a secure and intuitive app that inspires trust.
AI integration challenges
The integration of AI presents both technical and usability challenges, particularly in ensuring that AI-driven features provide real value without overwhelming users. We are addressing these challenges by implementing transparent systems and giving users control over how AI influences their experience.
Gamification challenges
Integrating gamification into the application presents specific challenges. We need to encourage responsible financial behavior while aligning these actions with the app’s sustainability values. The challenge is to make gamification engaging without being intrusive or distracting from the core banking features. To address this, we are taking a subtle approach to gamification, focusing on elements that add value without overwhelming the user.
What Sets Us Apart
What will the
product look like?
The app will feature a clean, intuitive design that reflects its core values of simplicity, responsibility, and eco-consciousness. Users will be greeted with a user-friendly interface that highlights their financial health while providing clear insights into their carbon footprint. Key features such as personalized AI-driven recommendations, gamification elements like challenges and rewards for sustainable actions, and real-time tracking of eco-friendly spending will be seamlessly integrated.
The app will use visually engaging tools like graphs and interactive dashboards to help users easily monitor their environmental impact. With a modern design that prioritizes both functionality and sustainability, the app will make it effortless for users to align their financial goals with their environmental values.
Final product features
The app will feature a clean, intuitive design that reflects its core values of simplicity, responsibility, and eco-consciousness. Users will be greeted with a user-friendly interface that highlights their financial health while providing clear insights into their carbon footprint. Key features such as personalized AI-driven recommendations, gamification elements like challenges and rewards for sustainable actions, and real-time tracking of eco-friendly spending will be seamlessly integrated.
The app will use visually engaging tools like graphs and interactive dashboards to help users easily monitor their environmental impact. With a modern design that prioritizes both functionality and sustainability, the app will make it effortless for users to align their financial goals with their environmental values.
The work will be available online shortly
Solutions
Virtual try-on with realistic fabric simulation
Develop a feature allowing clients to virtually try on clothing with realistic fabric simulation, including drape, texture, and garment movements based on the user’s gestures.
Real-time personalization
Offer the ability to personalize items by modifying colors, patterns, or adding specific elements, while instantly visualizing changes thanks to AR.
Integration of brand history and craftsmanship
Use AR to overlay information about the brand’s heritage, manufacturing process, or inspirations behind each piece when the user interacts with a garment.
We are considering innovative solutions to address the identified challenges and satisfy the needs and motivations of demanding users
Immersive virtual fashion shows
Organize exclusive events where clients can attend fashion shows in augmented reality from their homes, with the ability to interact with models and select items that interest them.
Collaborative AR shopping experience
Allow users to invite friends or stylist advisors to join their AR session to get real-time opinions or shop together, even remotely.
Automated body measurement
Use the device’s sensors to scan the user’s body and obtain precise measurements, ensuring a perfect fit for ordered clothing.
Enhanced multisensory experience
Incorporate sound effects, vibrations, or haptic feedback to enrich interaction with products, creating a more immersive and engaging experience.
Social media sharing with AR content
Allow users to capture and share images or videos of their AR experience on social platforms, increasing brand visibility and encouraging community engagement.
Information on sustainability and ethics in AR
Use AR to display details about material sourcing, ethical manufacturing practices, and the carbon footprint of garments when a user interacts with an item.
Integration with smart mirrors
Sync the application with connected home mirrors, allowing users to virtually try on clothes in AR directly in front of their mirror.
Exclusive collections available only in AR
Offer items or collections that clients can discover and purchase only via the AR application, creating a sense of exclusivity.
AI fashion advisor
To enrich the user experience and meet the needs and motivations of demanding clients, we have designed an integrated AI Fashion Advisor within the application:
Possible rewards include:
PERSONALIZED RECOMMENDATIONS
The AI analyzes the user’s preferences, purchase history, and interactions to suggest items that match their tastes and style, offering a tailored selection.
NATURAL INTERACTION
The AI advisor communicates in a friendly and intuitive manner, mimicking the experience of a personal stylist. It can answer questions, propose complete outfits, and adapt to the user’s tone for a more human interaction.
CONTINUOUS LEARNING
The AI improves over time by learning from the user’s interactions. The more the user uses the application, the more precise and relevant the recommendations become, enriching the shopping experience and promoting loyalty.
Challenges
Market saturation
The luxury fashion market is dominated by traditional e-commerce platforms lacking interactivity and personalization.
Concept attractiveness
Designing a solution innovative enough to convince haute couture houses to adopt our technology.
User experience in AR
Seamlessly integrating AR technology to enrich the experience without distracting or overwhelming the user.
We are encountering several challenges
AI integration
Developing a personal fashion advisor powered by AI that offers relevant recommendations.