Re Bag - A functional everyday bag system, built to be
Modular & Sustainable.
This project examines how modular design and recycled materials support sustainability.
Users create a bag that fits their needs and adapts over time.
View User Flow
Re Bag - A functional everyday bag system, built to be
Modular & Sustainable.
This project examines how modular design and recycled materials support sustainability.
Users create a bag that fits their needs and adapts over time.
View User FlowOverview
Re Bag examines how modularity can extend product usability by allowing users to reconfigure everyday items as their needs change. The project focuses on designing a clear and flexible customization flow.
who
Users who need a functional everyday bag that can adapt to different routines - students, commuters, and anyone whose storage needs shift throughout the day and environments.
why
Most bags are fixed and cannot adjust to evolving user needs, leading to unnecessary replacements. Re Bag explores a modular system that supports long-term use and continuous user-driven adaptation.
Re:Bag Mobile – Model & Pocket Selection Screen
Challenges
Explaining modularity:
users need to understand how add-ons change the bag.
Avoiding choice overload:
too many options can confuse or slow decisions.
Clear visual feedback:
users must see changes instantly and intuitively.
Goals
Improve clarity:
make modular components immediately understandable.
Simplify customization:
guide users through a clean, intuitive flow.
Reduce cognitive load:
present options in a minimal, structured way.
Research & Insights
User Research Findings
A short survey revealed key patterns in everyday bag use.
need clearer internal organization for daily use.
want personalized setups for different routines.
prefer sustainable products they can upgrade.
Findings highlight the need for adaptable, organized, and sustainable products - all supported by modular design.
User Persona
Tal Stern, 33 y.o.
Graphic Designer
Lives in Tel Aviv
Re Bag user since 2024
Interested in sustainability
“I need one bag that adapts to everything -
not a different one for every part of my day.”
Goals
Build one modular bag for all daily routines.
Choose a sustainable, upgradeable solution.
FRUSTRATIONS
Hard to understand bag structure from flat photos.
Too many options feel overwhelming.
MOTIVATIONS
Values long-lasting, sustainable products.
Wants a simple, intuitive customization flow.
Visual Identity
A cohesive visual system built around modularity, sustainability, and clarity, reflected through the logo, typography, and color palette.
Logo
Typography
color palette
446732
BB5718
CC9C31
325C6E
User Flow
User Flow Prototype
UI Design
Homepage - Concept & Inspiration
A clear introduction to Re:Bag’s modular idea. The screen explains the three-step customization flow, shows example bags (base + assembled), and highlights the brand’s sustainability approach.
Product Builder – Base Model Selection
A clean product-builder screen where users select their base bag model. Each model includes materials, size details, and basic color options. This step lays the foundation before customization begins. It introduces users to the brand’s values through a clear, visual first impression.
Pocket Customization – Front Pocket
Users add a front pocket and instantly see design and price updates.
Pocket Customization – Side Pocket
Users add the side pocket and instantly see the final design and price.
Checkout Screen
Simple checkout to enter details, review the final bag, and confirm.
OUTCOME
A streamlined UX that guides users through a clear, modular customization flow with instant visual and price feedback — making the process feel simple, intuitive, and fully in control.
LEARNINGS
Designing with simplicity, step-by-step clarity, and immediate system feedback reduced user hesitation and improved decision-making throughout the customization flow.
