A complex system for
store management.
Role
UIUX researcher & designer
Timeline
January - July 2025
01
introduction
The "Magical Moments" system was developed to provide store owners with an intelligent and efficient solution for managing orders and store needs.
02
problem
Until now, the "Magical Moments" store was managed manually. Orders were recorded on paper, leading to challenges such as data loss, confusion, and forgotten orders, ultimately impacting the efficiency and accuracy of the management process
03
Objective
Order Management – Tracking store orders.
Mailing System Management – Developing a mailing list for store customers.
Website Management – Monitoring new users and managing products on the site.
04
Work Process
As a first step, I conducted an in-depth interview with the owners of "Magical Moments."
They explained that order processing was manual—using paper and Excel during busy times—which caused missed orders and delays.
The process includes gift preparation and either courier delivery or in-store pickup.
The owners wanted an integrated system to manage orders from the website to delivery and customer updates. Additional needs included website management and a mailing system.
The interview concluded with a specification document that helped organize the system screens effectively.
Interview
Identified manual order issues
(paper/Excel, delays)
Process mapping
Gift prep →
courier or pickup
Needs defined
Integrated system, website management, mailing system
Specification document
Organized screen planning effectively
05
Conclusions from the interview
The current order process is manual and prone to errors, especially during peak periods.
There is a clear need for a digital system to manage the entire ordering process.
A system is needed to digitally distribute newsletters and customer communications.
User Journey
After the interview phase, I mapped the full user journey — from login to logout — identifying key touchpoints and user needs at each stage.
This process enabled me to design a seamless experience, define required screens and features, and align the solution with business goals by comparing current vs. desired states.
Do
Creating Campaigns Manually.
There is no centralized system. Promotional messages are written manually in Word or directly in the email body.
Managing Mailing Lists in an Unorganized Manner
Customer lists are managed in different Excel files, leading to duplicates, errors, or loss of data.
Sending Messages
Emails are sent manually via Gmail or WhatsApp, requiring a lot of time and handling each customer or customer group individually.
Tracking Sends
There is no way to measure who opened, read, or responded to the emails. No performance monitoring or analytics are available.
Manual Follow-up
After sending messages, follow-ups are done manually via phone or additional emails, leading to a lack of efficiency and missed opportunities
Think
Why is this so complicated? I have to start from scratch every time
I can't find this list. Why is it so hard to keep track of the customers?
This takes forever. I wish I could send all these messages automatically
How will I know if anyone opened the email? I can't check each one manually
Why do I have to follow up with each email like this? It could be so much easier.
Do
Logging into the system
Landing on the homepage > email marketing section
Accessing ‘Emails & Messages’ > Creating new email
Filling in email details (name, mailing list)
Choosing a design template
Proceeding to the send screen
Scheduling the email for a specific time
Reviewing results (open rates, clicks, site visits)
Logging out
Adding text, images, and other elements
07
Flow
While planning the user flow, I mapped out all the key steps involved in the email-sending process – from logging into the system, choosing a template, designing the message, to tracking reports.
This process helped me identify potential friction points, ensure smooth transitions between screens, and create an intuitive experience.
Additionally, the flow mapping provided valuable insights into user needs and served as a solid foundation for further research and design.
Login
Home Page
Emails and Messages
Create Email
Choose Template
Add Text, Images, Design
Edit Option
Send
Send later
Send Now
My Emails – Track Email Reports
08
Flow
While planning the user flow, I mapped out all the key steps involved in the email-sending process – from logging into the system, choosing a template, designing the message, to tracking reports.
This process helped me identify potential friction points, ensure smooth transitions between screens, and create an intuitive experience.
Additionally, the flow mapping provided valuable insights into user needs and served as a solid foundation for further research and design.
09
The Solution
After thoroughly researching the store's needs and identifying the key challenges, I moved on to the solution phase.
At this stage, I defined the system’s core features with a focus on usability, a clear workflow, and comprehensive support for essential needs—such as order management, customer messaging, and coordination between service providers.
As a first step in the solution, I created wireframes—a basic layout that allowed me to plan the screen structure and core functionalities, and ensure the system would meet the requirements effectively before moving on to detailed design.
10
Building a UI Library
After completing the wireframes, I recognized the importance of maintaining a consistent visual language throughout the system. To support this, I created a UI Library that included buttons, forms, color palettes, typography, and icons — all carefully aligned with the tone and functionality of the product.
This library not only enhanced the overall aesthetics, but also improved collaboration with the development team, making the process more efficient and unified.
During the design phase, I explored multiple color schemes and typography combinations, experimenting with different tones, contrasts, and font pairings.
This iterative process allowed me to fine-tune the visual language of the interface and strike the right balance between aesthetics, brand identity, and user experience.
100
90
80
60
40
20
0
0
ינואר
פברואר
מרץ
אפריל
מאי
יוני
תצוגת שבוע
תצוגת חודש
כניסות לאתר
This was the original logo color
Classic Blue Theme
Professional and polished look
100
90
80
60
40
20
0
0
ינואר
פברואר
מרץ
אפריל
מאי
יוני
חודשי
שבועי
כניסות לאתר
100
90
80
60
40
20
0
0
ינואר
פברואר
מרץ
אפריל
מאי
יוני
כניסות לאתר
חודשי
שבועי
Light-Purple Theme
At the end of the process, after consulting with the client and receiving feedback, I decided to use shades of purple, which give the interface a modern, clean, and visually pleasant look.
Primary
Secondary
Text
UI Library
Font
Open Sans Hebrew
Icon Library
11
Screens
After building the Wireframe and establishing the Design System, I moved on to the next phase – finalizing the screen designs.
In this phase, I focused on making the designs both practical and visually appealing, while maintaining the consistency established in the previous stage.
The process involved creating the final graphic elements, adjusting the colors and typography.
Each screen was carefully tested and adjusted to ensure a seamless and precise user experience, while also ensuring accessibility and considering the needs of the user audience.
גיטי,
אחרי המסע המדהים שעברנו יחד, נשאר לי רק לומר תודה על הגמישות והסבלנות לכל
התיקונים עד שהכל היה מושלם.
התהליך היה חלק, התוצאה עלתה על הציפיות, ואת הוכחת מקצועיות יוצאת דופן בכל שלב.
נהניתי מהדרך המיוחדת שלך ליצור עיצוב ייחודי ומושלם!
הנהלת חנות Magical Moments
06
Persona
"I need one system that brings everything together – from order to delivery."
Daniel
41
Manager of the "Magical Moments"
Goals:
Needs from the System:
Streamline the order and delivery process
Send newsletters and promotions to customers
Reach customers with email marketing
Full management of the order process
Easy-to-use mailing system
Dashboard with reports and insights
Intuitive interface, especially during busy periods