UX/UI - Figma
B2B SaaS Platform
Twini
Twini
Twini
Design of a SaaS platform to simplify the management and valuation of waste for CSR managers.
Design of a SaaS platform to simplify the management and valuation of waste for CSR managers.
My role
My role
My role
UX/UI Designer
UX/UI Designer
UX/UI Designer
Client
Client
Client
Twini
Twini
Twini
Tools
Tools
Tools
Figma
Figma
Figma
Context
Context
Twini is a B2B SaaS start-up specialising in the circular economy that helps companies manage their waste, ensure compliance with regulatory requirements and recover value from their material flows.
Contexte
Twini is a B2B SaaS start-up specialising in the circular economy that helps companies manage their waste, ensure compliance with regulatory requirements and recover value from their material flows.
Objectives
Objectives
Objectives
Creating a simple and effective interface to facilitate waste tracking and reduce the time spent on regulatory tasks.
How can we simplify the reading and entry of data related to the regulatory waste register?
Creating a simple and effective interface to facilitate waste tracking and reduce the time spent on regulatory tasks.
How can we simplify the reading and entry of data related to the regulatory waste register?
My approach
My approach
My approach
I applied a comprehensive, user-centred UX process to transform waste management into a clear, efficient and actionable experience for CSR managers.
Each step was guided by three priorities: readability, time savings and regulatory compliance.
Key steps:
Analysis of context and constraints
User research and understanding of needs
Definition of personas and journeys
Ideation and design
Prototyping and testing Iteration and optimisation
I worked in an agile environment in close collaboration with the teams, adapting priorities and deliverables to the pace of the MVP challenges.
I applied a comprehensive, user-centred UX process to transform waste management into a clear, efficient and actionable experience for CSR managers.
Each step was guided by three priorities: readability, time savings and regulatory compliance.
Key steps:
Analysis of context and constraints
User research and understanding of needs
Definition of personas and journeys
Ideation and design
Prototyping and testing Iteration and optimisation
I worked in an agile environment in close collaboration with the teams, adapting priorities and deliverables to the pace of the MVP challenges.
Summary
Summary
Summary
Benchmarking and research
Analysis of best practices in complex data visualisation, supplemented by documentary research on regulatory requirements, followed by an evaluation of existing models to identify friction points and areas for improvement in the user experience.
Analysis of best practices in complex data visualisation, supplemented by documentary research on regulatory requirements, followed by an evaluation of existing models to identify friction points and areas for improvement in the user experience.
User interviews & personas
User interviews & personas
User interviews & personas
Interviews with CSR managers and the Twini management team to identify their needs, pain points, and expectations regarding the waste tracking platform.
Creation of several personas reflecting the diversity of user profiles and expected reading levels, focusing on Claire, CSR Manager, used as the main persona to guide the design choices of the MVP.
Interviews with CSR managers and the Twini management team to identify their needs, pain points, and expectations regarding the waste tracking platform.
Creation of several personas reflecting the diversity of user profiles and expected reading levels, focusing on Claire, CSR Manager, used as the main persona to guide the design choices of the MVP.
Interviews with CSR managers and the Twini management team to identify their needs, pain points, and expectations regarding the waste tracking platform.
Creation of several personas reflecting the diversity of user profiles and expected reading levels, focusing on Claire, CSR Manager, used as the main persona to guide the design choices of the MVP.
Customer journey and User stories
Customer journey and User stories
Customer journey and User stories
The customer journey analysis led to UX/UI recommendations for each stage of the journey.
Based on these recommendations, I wrote the user stories and helped prioritise them with the team to align the MVP's UX objectives.
The customer journey analysis led to UX/UI recommendations for each stage of the journey.
Based on these recommendations, I wrote the user stories and helped prioritise them with the team to align the MVP's UX objectives.
The customer journey analysis led to UX/UI recommendations for each stage of the journey.
Based on these recommendations, I wrote the user stories and helped prioritise them with the team to align the MVP's UX objectives.
UX/UI Opportunities
UX/UI Opportunities
Provide clear guidance: intuitive onboarding, tutorial/checklist, reassuring elements, educational and motivational messages.
Provide clear guidance: intuitive onboarding, tutorial/checklist, reassuring elements, educational and motivational messages.
Enhanced confidence: buyer tracking, performance indicators and impact highlighting.
Enhanced confidence: buyer tracking, performance indicators and impact highlighting.
Simplified data entry: reporting and recording of fluid waste, rapid upload, auto-fill and drafts.
Simplified data entry: reporting and recording of fluid waste, rapid upload, auto-fill and drafts.
Visualise performance: visible KPIs, filters by site/period, simple and intuitive graphs.
Visualise performance: visible KPIs, filters by site/period, simple and intuitive graphs.
Data reliability: easy corrections, clear validations and change history, relevant notifications.
Data reliability: easy corrections, clear validations and change history, relevant notifications.
Facilitate reporting: export tables, reports and visuals for internal communication and automated sending.
Facilitate reporting: export tables, reports and visuals for internal communication and automated sending.
Solution design
Solution design
For confidentiality reasons, only certain screens are shown here. The visible data has been anonymized.
Dashboard designed for quick and actionable reading of CSR performance :
For confidentiality reasons, only certain screens are shown here. The visible data has been anonymized.
Dashboard designed for quick and actionable reading of CSR performance :
Prioritization of key performance indicators, filters by period, site, and type of material to adapt the reading level. Access to details via contextual interactions (hover) and highlighting of export as the main action.
Addition of collection designed to select pre-filled waste with just a few clicks :
Prioritization of key performance indicators, filters by period, site, and type of material to adapt the reading level. Access to details via contextual interactions (hover) and highlighting of export as the main action.
Addition of collection designed to select pre-filled waste with just a few clicks :
“Waste disposal” area designed to track current collections and quickly create new ones. Waste selection is done using pre-filled cards to limit data entry, reduce errors, and speed up reporting.
“Waste disposal” area designed to track current collections and quickly create new ones. Waste selection is done using pre-filled cards to limit data entry, reduce errors, and speed up reporting.
Outcome of the project
Outcome of the project
This project enabled me to design a B2B SaaS MVP closely linked to business, regulatory, and technical challenges. It illustrates my ability to structure complex topics, prioritize user needs, and design clear, efficiency-oriented interfaces.
This project enabled me to design a B2B SaaS MVP closely linked to business, regulatory, and technical challenges. It illustrates my ability to structure complex topics, prioritize user needs, and design clear, efficiency-oriented interfaces.