Dans un monde où chaque choix compte, Meobank aide les utilisateurs à prendre des décisions financières qui contribuent à un avenir plus vert.
Seamless and intuitive e-commerce for high-end furniture
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 research and analysis
-
Conduct in-depth studies to understand the needs, expectations, and purchasing behaviors of the target clientele in the online luxury furniture sector
-
Identify market trends and potential gaps among competitors to propose innovative solutions.
Defining design strategy
-
Develop detailed personas representing key segments of potential clients
-
Define design principles that will guide the aesthetics and functionalities of the platform.
Creation of personas and user journeys
-
Developed detailed user personas to represent the key segments of the target audience.
-
Mapped out customer journeys to identify crucial touchpoints and potential pain points.
User interface design
-
Design high-fidelity mockups and prototypes reflecting a luxurious aesthetic and intuitive navigation.
-
Use sophisticated visual elements, elegant typography, and a harmonious color palette to reinforce the brand image.
Prototyping and usability testing
-
Create interactive prototypes to simulate the complete user experience.
-
Organize testing sessions with representative users to gather feedback and optimize the design.
Collaborating with stakeholders
-
Work closely with developers, marketing managers, and stakeholders to ensure coherence between design, functionality, and business objectives.
-
Participate in project meetings to align efforts and integrate feedback from different teams.
Ensuring responsiveness
-
Implemented responsive design techniques to provide a consistent experience across all devices.
Project
E-commerce for luxury furniture
Woo is an e-commerce platform specializing in the sale of high-end designer furniture created by renowned creators. The project involves designing an online store that reflects the elegance of the furniture while providing a seamless and intuitive user experience for a luxury clientele.
This project aims to combine aesthetics, functionality, and immersive navigation, allowing users to fully immerse themselves in the world of the creations. With carefully crafted visuals, interactive features, and smooth navigation, product discovery becomes a rich and engaging experience.
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
Benchmarking and interviews
Analyze the online luxury furniture market to understand current trends.
Conduct interviews with potential clients to grasp their specific needs and expectations.
Competitor analysis
Evaluate existing sites to identify strengths and weaknesses, in order to create a unique offering.
Empathize
Process
Define
Data synthesis
Compile the collected information to identify key user needs and opportunities for the company.
Problem statement
Formulate the main challenges, such as “How can we create an online shopping experience for luxury furniture that is intuitive, engaging, and reflects high-end quality?"
Ideate
Brainstorming
Generate creative ideas to solve the identified problems, focusing on innovation in user experience.
Selection of the best ideas
Evaluate concepts in terms of feasibility, potential impact, and alignment with the company’s objectives.
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.
Highlighting craftsmanship and storytelling
+
Dans un monde où chaque choix compte, Meobank aide les utilisateurs à prendre des décisions financières qui contribuent à un avenir plus vert.
Highlighting craftsmanship and storytelling
Highlighting craftsmanship and storytelling
Dans un monde où chaque choix compte, Meobank aide les utilisateurs à prendre des décisions financières qui contribuent à un avenir plus vert.
Highlighting craftsmanship and storytelling
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
Wireframes and mockups
Develop wireframes to define the site’s structure.
Create detailed mockups to visualize the final design.
Development of key features
Prototype specific functionalities such as an advanced filtering system, an interactive gallery, or an augmented reality visualization tool.
Test
User testing
Set up testing sessions with real users to obtain feedback on the prototypes.
Iterations
Make adjustments based on feedback, improving functional and aesthetic aspects.
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.
Arthur C., 29 years old, architect.
Julien, 35 years old, an engineer, married with two children.
Julien is a young professional working as an engineer for a large company. Passionate about technology, he also has a strong interest in contemporary art and interior design. He lives in a modern loft in the city center, which he wishes to furnish with designer furniture.
What he said.
“I’m ready to invest in quality furniture, but I want to ensure that each piece matches my style. I’m looking for timeless, designer furniture that not only looks beautiful but also lasts for years. Before committing, I need to be sure I’m making the right choice. ”
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.
Solutions
Elegant and minimalist design
Adopt a clean aesthetic that highlights the products without unnecessary distractions.
Personalized user experience
Integrate recommendations based on the user’s preferences and browsing behavior.
Interactive features
Use technologies like augmented reality to allow customers to visualize furniture in their own space.
Rich content
Provide detailed descriptions, stories about the designers, and high-resolution images to enrich the experience.
Advanced filtering system
Enable users to filter products by designer, style, material, color, etc.
Mobile optimization
Ensure a smooth experience on all devices, recognizing that many customers browse on mobile.
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.
Challenges
Navigating a large collection
Facilitate the exploration of a vast range of products from different designers, each with their own style.
Avoiding information overload
Present information clearly and concisely to prevent overwhelming the user.
Reflecting the brand image
Ensure that the site’s design conveys the prestige and quality of the products offered.
The main challenge is to create a platform that successfully translates the luxury and exclusivity associated with high-end designer furniture into an online experience.