Back To Top
Actions
Thoughts
Emotions
Morning Routine
Sara arrives at the auto spare parts store and prepares to start her shift.
Plans her tasks for the day and anticipates using the POS system for transactions
Sara arrives at the auto spare parts store and prepares to start her shift.
Customer Interaction
Sara assists customers with product inquiries and purchases using the POS system.
Listens attentively to customer needs and navigates the POS system to process transactions.
Empathy towards customers' requirements and eagerness to provide efficient service
Transaction Process
Sara processes customer transactions, including scanning items, applying discounts, and handling payments.
Ensures accuracy in transaction processing and verifies product prices and discounts.
Confidence in handling transactions smoothly and securely through the POS system
End of the day closing
Sara completes end-of-day procedures on the POS system, including reconciling cash registers and generating reports.
Reviews daily sales data and ensures accurate financial records before closing the POS system.
Satisfaction in completing daily tasks efficiently and contributing to the store's operational success.
System Log In
Sara logs into the POS system at the beginning of her shift.
Ensures proper access to the system and prepares to assist customers with transactions.
Focus and preparedness to engage with the POS system's interface.
Product Search and Selection
Sara uses the POS system to search for products and assist customers in selecting items.
Efficiently navigates the system to find products and provides recommendations based on customer preferences
Satisfaction in assisting customers in finding the right products and enhancing their shopping experience.
Inventory Management
Sara updates inventory records and stock levels in the POS system after each transaction.
Maintains accurate inventory data to track product availability and ensure restocking when necessary.
Responsibility in managing inventory effectively to meet customer demand and optimize store operations.
Empathy Map
"By creating empathy maps for individuals like Sara and Ahmed, we delve into their thoughts, feelings, and actions, gaining valuable insights into their needs and frustrations. This deeper understanding allows us to tailor our offerings to better meet their preferences and enhance their overall experience."
Considers ways to streamline workshop operations for better efficiency.
Thinks about delivering top-notch service and ensuring customer satisfaction.
Think?
What does she
Actively manages inventory and ensures that necessary spare parts are available for repair orders.
Takes proactive steps to streamline workflow processes and improve efficiency in the workshop.
Do?
What does she
Feels empathetic towards customers' concerns and strives to address them promptly and effectively.
Feels motivated by the opportunity to continuously improve her skills and advance her career.
Feels?
What does she
Provides instructions or guidance to colleagues during repair tasks.
Offers explanations or recommendations to customers regarding repair options or necessary parts.
Says?
What does she
Shares his positive experiences with reliable and trustworthy auto repair shops with friends and fellow car enthusiasts.
Expresses concerns or frustrations when encountering delays or difficulties in sourcing specific parts for repairs.
Says?
What does he
Evaluates different auto repair shops and service providers, seeking those with a strong reputation for quality and reliability.
Takes proactive steps to schedule regular maintenance and address any issues promptly to ensure his car remains in top condition.
Do?
What does he
Feels reassured and satisfied when he receives transparent communication and high-quality service from auto repair professionals.
Feels a strong attachment to his sports car and takes pride in its appearance and performance.
Feels?
What does he
Weighs the costs and benefits of various service options, considering factors such as quality, convenience, and transparency.
Considers the reputation and reliability of different auto repair shops when seeking maintenance and repair services.
Think?
What does he
User Persona
By crafting user personas, we gain invaluable insights into the diverse needs, motivations, and frustrations of our target audience. These detailed profiles allow us to empathize with our users, tailor our products and services to their specific requirements, and ultimately deliver a more satisfying and effective user experience.
Sara Ahmed
"I strive for excellence in every repair, but sourcing specific parts promptly is crucial; delays in availability hinder my efficiency."
Age
28
Education
B.E Engineer
Status
Single
Occupation
Service Technician
Location
Dubai
Personality
Calm
Thinker
Creative
Background
Sara Ahmed, 28, is a seasoned service technician at an auto repair shop in Dubai. With over a decade of experience, she's honed her skills in diagnosing and repairing various car models. Sara resides in the suburban area, commuting daily to the workshop where she dedicates herself to ensuring top-notch service for every customer
Goals
Professional Excellence: Sara strives for excellence in her role, aiming to deliver high-quality repairs and outstanding customer service.
Efficient Workflow: She seeks to streamline workshop operations, reducing downtime, and increasing productivity.
Continuous Learning: Sara is committed to staying updated with the latest automotive technology and repair techniques to enhance her skills.
Frustrations
Parts Availability: Sara faces frustration when she cannot promptly source specific parts for customer repairs, causing delays.
Inventory Management: Challenges in managing inventory and tracking stock levels disrupt workflow and impact service efficiency.
Technological Barriers: Complex or outdated technology systems hinder her productivity and effectiveness.
Needs
Reliable Parts Supply: Sara requires access to high-quality auto spare parts for timely repairs and customer satisfaction.
Efficient Workflow Tools: User-friendly tools for inventory management, order processing, and supplier communication are essential for Sara's workflow.
Continuous Learning: Opportunities for professional development help Sara stay updated with industry trends and advancements.
Motivation
Sara is motivated by a passion for her work and a desire to deliver exceptional service to customers, ensuring their safety and satisfaction.
She takes pride in her role as a skilled technician and is driven by the opportunity to continuously improve her skills, contribute to the success of the workshop, and advance her career within the automotive industry.
Ahmed Car Enthusiast
"I'm dedicated to maintaining peak performance for my sports car, but delays in sourcing specific parts undermine my efforts for excellence in every repair."
Age
40
Education
BA Business
Status
Married
Occupation
Busy Professional
Location
Dubai
Vehicle
High-performance
Sports Car
Personality
Passionate
Discerning
Driven
Background
Ahmed, a busy professional in Dubai, recently acquired a high-performance sports car, which he deeply cherishes.
Goals
Optimal Performance: Ahmed prioritises maintaining his sports car's top performance and longevity.
Convenience: He seeks hassle-free solutions for car maintenance that fit his tight schedule. Trustworthy Service: Ahmed values reliability and transparency in service providers.
Frustrations
Lack of Transparency: Ahmed is frustrated when repair processes lack clarity on costs and timelines.
Time Constraints: He finds it frustrating when car maintenance disrupts his busy life.
Quality Concerns: Ahmed worries about service quality and the use of inferior parts.
Needs
Dependable Service: Ahmed requires a reliable auto repair shop for high-quality maintenance.
Convenience: He needs convenient service options to accommodate his packed schedule.
Transparency: Ahmed seeks clear communication on repair costs and timelines.
Motivation
Ahmed's passion for his sports car drives him to prioritize its upkeep, seeking trustworthy and efficient service providers.
“To assist customers in finding desired objects and facilitating seamless payments on our platform, without encountering any issues.”
“Employee’s Flow”
To find desired objects and seamlessly make purchases using this platform, hassle-free.
“Customer’s Flow”
User Flow:
Information Architecture
Ideate Phase
Low-Fidelity
Wireframes
8 px
16 px
24 px
32 px
40 px
56 px
72 px
80 px
96 px
120 px
Levels
04. Spacing
03. Grid Systems
Frame:
Desktop 1024
Number of columns:
12
Column width:
50 px
Gutter width:
30 px
Grid options
DEKSTOP
Frame:
Desktop 1440
Number of columns:
12
Column width:
65 px
Gutter width:
30 px
Grid options
DEKSTOP HD
Line height and paragraph spacing for body text is : 1.4 x font size
A
a
Body
19.6 px
22.4 px
25.2 px
28 px
Line Height
14 px
16 px
18 px
20 px
Font size
Small Text Bold
Small Text Regular
Normal Text Bold
Normal Text Regular
Medium Text Bold
Medium Text Regular
Large Text Bold
Large Text Regular
Name
Google Fonts
Poppins
Line height and paragraph spacing for heading is 1.1 x font size
A
a
Heading
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Name
20 px
24 px
32 px
40 px
48 px
56 px
Font size
22 px
26.4 px
35.2 px
44 px
52.8 px
61.6 px
Line Height
Google Fonts
Poppins
02. Typography
Gray 5
#E0E0E0
Gray 4
#BDBDBD
Gray 3
#828282
Gray 2
#4F4F4F
Gray 1
#333333
Grey Colors
White
#FFFFFF
Black 3
#282828
Black 2
#1D1D1D
Black 1
#000000
Black Colors
Error
#EB5757
Warning
#E2B93B
Success
#27AE60
Info
#2F80ED
State Colors
Primary
/
#092C4C
Secondary
/
#F2994A
Brand Colors
01. Colors
Style Guide
High-Fidelity
Design
Based on our research findings, the app will be available on computer and tablet, For the sake of this project, I designed screens for the tablet virsions
Log In
User will add their name and password provided by the company for easy access.
POS Dashboard
Get quick insights on sales, Income, stock management and more
Dashboard
Dashboard consist of Statistics, Total Sales, and Stock Management, As well as the side bar menu for easy navigation.
Sales
+7
Total Earnings
+10,567
Today Earnings
+5,500
Track your bills
Record all your bills to have a more effective and organized system for tracking customers with a digital bill copy that makes things easy for the shopkeeper.
Stay On Top Of Customer Data
Track each customer’s average order value, previous bills, items bought, and previous messages.
Manage Inventory
Effortlessly categorize and track all your inventory dynamically.
Sales
Maintain and categorize your sales to manage your accounts effectively.
Messages
Reach out to customers with messages and new offers and maintain relationships.
New Bill
The "New Bill" button is accessible from the header in any tab, facilitating quick and efficient performance. The process is divided into three steps as follows.
New Bill
The first tab is dedicated to adding customer details, enabling efficient customer tracking and management.
New Bill 2
IIn this section, users can seamlessly add item details, ensuring a smooth and intuitive process for bill calculation.
New Bill 3
In the third and final section, the confirmation tab and payment method options will appear, allowing users to choose how to proceed with the payment or to cancel the transaction.
Profile
Here, users can edit their personal information, such as their name, contact details, and profile image.
Appearance
In the Appearance menu, users can choose between dark and light modes for their comfort, as well as adjust text size and language settings.
Testing
User Testing
We conducted real-world testing with employees in an auto spare parts store. During usage, we observed visibility issues due to glare from large windows, making it difficult to read the screen in bright conditions.
After Testing (New Prototype):
Based on feedback, we introduced a dark mode option to reduce glare and improve screen visibility. Employees found the new mode significantly easier to use, especially in high-light environments.
Key Learnings:
Environmental factors greatly impact UI usability.
Dark mode enhances visibility in bright spaces.
Flexibility in UI settings improves user comfort and efficiency.
This testing reinforced the importance of adaptive design for real-world conditions.
Dark Mode Screens
