-
Notifications
You must be signed in to change notification settings - Fork 0
/
bobs.html
337 lines (301 loc) · 17.9 KB
/
bobs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://llmatoz.quiq-api.com/app/chat-ui/index.js" charset="UTF-8"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bob's Discount Furniture AI Agent</title>
<style>
html,
body {
height: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
color: #191714;
font-size: 18px;
font-family: system-ui;
line-height: 1.5;
}
body {
font-family: Arial, sans-serif;
display: none;
}
header {
background-color: #fff;
padding: 0px 20px;
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
box-sizing: border-box;
border-bottom: solid #F8E6CD;
}
.logo {
width: 222px;
height: auto;
}
.navbar {
display: flex;
justify-content: start;
background-color: #ECBD75;
padding: 6px;
box-sizing: border-box;
height: 58px;
}
.navbar a {
text-decoration: none;
color: #fff;
padding: 10px 15px;
margin: 0 5px;
border-radius: 5px;
}
.navbar a.active {
background-color: #F8E6CD;
color: #191714;
}
main {
flex: 1;
padding: 30px 40px;
box-sizing: border-box;
overflow: auto;
}
section {
display: none;
}
section.active {
display: block;
}
footer {
background-color: #ECBD75;
padding: 0px 20px;
text-align: left;
color: #fff;
box-sizing: border-box;
}
.section-img {
height: 188px;
border-radius: 20px;
float: right;
margin: 0 22px;
}
.inline-img {
border-radius: 20px;
margin: 0 22px;
max-height: 250px;
}
.full-img {
width: 44%;
border-radius: 20px;
margin: 0 22px;
float: right;
}
p, hr {
max-width: 1028px;
}
</style>
</head>
<body>
<script>
var correctPassword = 'quiq'; // Set your password here
var userPassword = prompt('Please enter the password to view this site:');
if (userPassword !== correctPassword) {
document.body.innerHTML = '<h1>Access Denied</h1>';
} else {
document.body.style.display = 'flex';
var chat = Quiq({
pageConfigurationId: 'ai-agent-cs'
});
}
function toggleSection(sectionId) {
const sections = document.querySelectorAll('section');
const navLinks = document.querySelectorAll('.navbar a');
sections.forEach(section => section.classList.remove('active'));
navLinks.forEach(link => link.classList.remove('active'));
document.getElementById(sectionId).classList.add('active');
document.querySelector(`a[href="#${sectionId}"]`).classList.add('active');
}
</script>
<header>
<img src="https://www.mybobs.com/assets/bobs-logo.svg" alt="Bob's Discount Furniture Logo" class="logo">
</header>
<div class="navbar">
<a href="#overview" onclick="toggleSection('overview')" class="active">Overview</a>
<a href="#primary-groups" onclick="toggleSection('primary-groups')">Primary Groups</a>
<a href="#journey-stages" onclick="toggleSection('journey-stages')">Journey Stages</a>
<a href="#topics" onclick="toggleSection('topics')">Topics</a>
<a href="#guides" onclick="toggleSection('guides')">Guides</a>
<a href="#tools" onclick="toggleSection('tools')">Tools</a>
<a href="#measure" onclick="toggleSection('measure')">Measure</a>
<a href="#improve" onclick="toggleSection('improve')">Improve</a>
<a href="#roadmap" onclick="toggleSection('roadmap')">Roadmap</a>
</div>
<main>
<section id="overview" class="active">
<img src="https://i.ibb.co/KszHcvp/overview.png" alt="overview" border="0" class="full-img">
<h1>Overview</h1>
<p>The cognitive architecture for Bob's Discount Furniture AI agent is designed to enhance the customer experience by structuring interactions around a well-defined hierarchy. The care group comprises two primary teams—Sales and Service—supported by an AI agent that serves as a concierge and automation assistant. The AI is empowered to address user inquiries, streamline processes, and ensure seamless interactions across various customer journeys. This architecture integrates the primary groups, user stages, topics, guides, tools, and measures to create a unified, efficient, and collaborative care function across digital messaging and voice channels.</p>
</section>
<section id="primary-groups">
<h1>Primary Groups</h1>
<img src="https://i.ibb.co/2k3W0LG/robot.png" alt="robot" border="0" class="section-img">
<p>The AI first classifies inquiries into one of two primary groups: Sales or Service. Sales inquiries encompass requests for assistance with purchasing new furniture, understanding promotions, and customizing orders. Service inquiries cover post-purchase needs such as delivery status, rescheduling, warranty claims, or product issues. By distinguishing between these two groups, the AI ensures that the inquiry is routed to the appropriate team or handled autonomously where applicable. This differentiation allows the system to address user needs more effectively while aligning with the organizational structure.</p>
<img src="https://i.ibb.co/cLhznT8/sales-agent.png" alt="agent" border="0" class="inline-img">
<img src="https://i.ibb.co/18mP8rX/care-agent.png" alt="robot" border="0" class="inline-img">
</section>
<section id="journey-stages">
<h1>Journey Stages</h1>
<img src="https://i.ibb.co/2NVFCP8/journey.png" alt="Journey Stages Icon" class="section-img" />
<p>The AI further refines its understanding of the inquiry by identifying the user's stage in the Customer Journey. These stages include:</p>
<ul>
<li><strong>Pre-Purchase:</strong> Customers exploring product details, availability, or promotions.</li>
<li><strong>Pre-Delivery Scheduling:</strong> Customers who have purchased and need to arrange delivery.</li>
<li><strong>Delivery Scheduled:</strong> Customers confirming or preparing for their scheduled delivery.</li>
<li><strong>Day of Delivery:</strong> Real-time coordination and tracking on the delivery day.</li>
<li><strong>Recently Delivered:</strong> Assistance with immediate post-delivery needs such as assembly or damages.</li>
<li><strong>Furniture in the Home:</strong> Long-term inquiries about care, warranty, or recycling.</li>
</ul>
<p>Understanding the user stage enables the AI to provide tailored responses and proactively address potential concerns.</p>
</section>
<section id="topics">
<h1>Topics</h1>
<img src="https://i.ibb.co/pQwb29z/topics-icon.png" alt="Topics Icon" class="section-img" />
<p>The AI categorizes customer inquiries into key topics to streamline responses and provide targeted assistance. These topics include:</p>
<ul>
<li><strong>Product Information Requests:</strong> General questions about furniture specifications such as dimensions, materials, and care instructions.</li>
<li><strong>Order Placement Assistance:</strong> Specific requests for help with placing an order through the website or in-store.</li>
<li><strong>Order, Delivery and Service Status Updates:</strong> Customers checking the status of their order, including shipping and delivery timelines.</li>
<li><strong>Delivery Scheduling:</strong> Assistance with scheduling or rescheduling delivery dates and understanding delivery options.</li>
<li><strong>Order Modifications:</strong> Customer requests for modifying existing orders, such as changing color, size, or quantity.</li>
<li><strong>Product Availability Checks:</strong> Inquiries about the availability of specific items, including wait times for out-of-stock products.</li>
<li><strong>Return and Exchange Inquiries:</strong> Assist customers with the process for returning or exchanging items, and understanding associated policies.</li>
<li><strong>Warranty Service Requests:</strong> Questions about warranty terms and requests for service under warranty conditions.</li>
<li><strong>Refund Processes:</strong> Inquiries on how to request refunds for returned items or orders canceled by the customer or due to inventory issues.</li>
<li><strong>Assembly Instructions:</strong> Questions about assembly of furniture items, availability of assembly services, and troubleshooting assembly problems.</li>
<li><strong>Promotions and Discounts:</strong> Information about current promotions, sales events, and eligibility for discounts.</li>
<li><strong>Payment and Billing Issues:</strong> Help with issues related to payments, billing errors, or financing options.</li>
<li><strong>Website Navigation Help:</strong> Assistance with navigating the online store, using features like wish lists and product comparisons.</li>
<li><strong>Customer Feedback and Complaints:</strong> Providing a channel for customer feedback or filing complaints about their shopping experience.</li>
<li><strong>Store Pickup Inquiries:</strong> Help with managing store pickups.</li>
</ul>
<p>Organizing inquiries by topic ensures the AI delivers precise and efficient solutions tailored to customer needs.</p>
</section>
<section id="guides">
<h1>Guides</h1>
<img src="https://i.ibb.co/DRRg5Hz/guides.png" alt="Guides Icon" class="section-img" />
<p>The AI uses guided processes to handle specific scenarios efficiently, ensuring customers receive consistent and accurate support. These guides include:</p>
<ul>
<li><strong>Sales Escalation:</strong> Handles inquiries that require escalation to the sales team for assistance with product recommendations, promotions, and order placement.</li>
<li><strong>Day of Delivery:</strong> Provides real-time support for customers on their delivery day, including tracking updates and coordination with delivery teams.</li>
<li><strong>Delivery Scheduling:</strong> Assists customers in scheduling or rescheduling furniture deliveries, offering available date options and confirming details.</li>
<li><strong>Recently Delivered:</strong> Supports customers with post-delivery needs, such as resolving immediate issues with assembly, damages, or missing items.</li>
<li><strong>Store Pickup:</strong> Guides customers through the process of scheduling and managing store pickup for their furniture orders.</li>
<li><strong>Product Issues:</strong> Helps customers report and resolve issues with purchased products, including warranty claims, damages, and defects.</li>
<li><strong>General Support:</strong> Provides assistance with a variety of general inquiries and concerns, ensuring comprehensive support for all customer needs.</li>
</ul>
</section>
<section id="tools">
<h1>Tools</h1>
<img src="https://i.ibb.co/rkgVdhp/tools.png" alt="Tools Icon" class="section-img" />
<p>The AI agent utilizes various tools to automate processes and enhance customer service. These tools include:</p>
<ul>
<li><strong>Get Order Status:</strong> Provide customers with real-time updates on their order status, including processing, shipping, and delivery timelines.</li>
<li><strong>Confirm Delivery:</strong> Allow customers to confirm their scheduled delivery details, such as date, time, and address, ensuring all arrangements are correct.</li>
<li><strong>Schedule Delivery:</strong> Help customers schedule the delivery of their furniture by selecting available dates and providing confirmation.</li>
<li><strong>Reschedule Delivery:</strong> Assist customers in rescheduling their delivery by providing new options for dates and updating delivery details.</li>
<li><strong>Day of Delivery Tracking:</strong> Provide real-time updates and tracking information for deliveries happening on the scheduled day.</li>
<li><strong>Report a Product Issue:</strong> Allow customers to report issues with their delivered products, including damages or missing items, and initiate support for resolution.</li>
</ul>
</section>
<section id="measure">
<h1>Measure</h1>
<img src="https://i.ibb.co/XCfqNns/performance.png" alt="Measure Icon" class="section-img" />
<p>To evaluate the effectiveness of the AI agent, we rely on the following key performance measurements:</p>
<ul>
<li><strong>Response Accuracy:</strong> The percentage of responses correctly aligned with customer inquiries, ensuring accurate and helpful information is provided.</li>
<li><strong>Resolution Rate:</strong> The proportion of customer inquiries successfully resolved by the AI without the need for escalation to a human agent.</li>
<li><strong>Customer Satisfaction (CSAT):</strong> Feedback collected from customers after interactions, measuring their satisfaction with the AI's assistance.</li>
<li><strong>Use Case Goals:</strong>Goal achievement related to guides objectives and tool automations.</li>
</ul>
<p>These measurements help ensure the AI agent continuously improves and delivers exceptional customer service experiences.</p>
</section>
<section id="improve">
<h1>Improve</h1>
<img src="https://i.ibb.co/sVX1PFd/testing.png" alt="Improve Icon" class="section-img" />
<p>Learn about the continuous improvement efforts to optimize our customer service experiences.</p>
<div id="main-div">
<h1></h1>
<p>Welcome to the testing page for the Bob's Discount Furniture AI Agent. Please follow the guidelines below to ensure effective testing:</p>
<ul>
<li>Verify that the AI responds accurately to customer inquiries.</li>
<li>Test the AI's ability to handle unexpected user input.</li>
<li>Assess response time for typical customer questions.</li>
<li>Check the AI's capability to escalate complex issues to human agents.</li>
</ul>
<p>
<h2>Testing Scenarios for Bob's AI Agent</h2>
</p>
<div id="order_details" class="user_story">
<h3>Scenario: Inquiry about Order Details</h3>
<ul>
<li><strong>User Story:</strong> As a customer, I want to check the details of my order so that I can track its status.</li>
<li><strong>Context:</strong> Customer has placed an order and wants to know the current status.</li>
<li><strong>Initial User Input:</strong> I want to check the status of my order #123456.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the order status is unclear or there are issues with the order, escalate to customer support.</li>
<li><strong>Expected Resolution:</strong> Provide the customer with the current status of their order, including delivery updates if applicable.</li>
<li><strong>Acceptance Criteria:</strong> The customer receives accurate and detailed order status information.</li>
</ul>
<div>
<button onclick="loadContext('order_details')">Load Context</button>
</div>
</div>
<div id="schedule_delivery" class="user_story">
<h3>Scenario: Schedule a Delivery</h3>
<ul>
<li><strong>User Story:</strong> As a customer, I want to schedule my furniture delivery so that I can plan my day.</li>
<li><strong>Context:</strong> Customer needs to select a delivery date and time window.</li>
<li><strong>Initial User Input:</strong> I would like to schedule my delivery for next week.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the preferred date or time is unavailable, escalate to a delivery specialist.</li>
<li><strong>Expected Resolution:</strong> Customer successfully schedules their delivery with confirmation of the date and time window.</li>
<li><strong>Acceptance Criteria:</strong> Customer receives confirmation of their scheduled delivery, including any special instructions.</li>
</ul>
<div>
<button onclick="loadContext('schedule_delivery')">Load Context</button>
</div>
</div>
<div id="special_request" class="user_story">
<h3>Scenario: Special Delivery Instructions</h3>
<ul>
<li><strong>User Story:</strong> As a customer, I want to provide special instructions for my delivery so that it goes smoothly.</li>
<li><strong>Context:</strong> Customer needs to communicate specific requirements for their delivery.</li>
<li><strong>Initial User Input:</strong> Please ensure delivery is made through the back entrance.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the special request cannot be accommodated, escalate to a delivery specialist.</li>
<li><strong>Expected Resolution:</strong> Special instructions are added to the delivery details, and the customer receives confirmation.</li>
<li><strong>Acceptance Criteria:</strong> Customer successfully provides special instructions, and they are acknowledged and confirmed.</li>
</ul>
<div>
<button onclick="loadContext('special_request')">Load Context</button>
</div>
</div>
</div>
</section>
<section id="roadmap">
<h1>Roadmap</h1>
<img src="https://i.ibb.co/ncpVnFX/roadmap.png" alt="Roadmap Icon" class="section-img" />
<p>The AI agent’s development roadmap outlines key milestones to enhance capabilities and deliver superior customer experiences. Upcoming milestones include:</p>
<ul>
<li><strong>Voice Channel Concierge 1.0:</strong> Launching AI-powered assistance for voice channels, providing initial support and call routing.</li>
<li><strong>Digital Messaging Concierge 1.0:</strong> Introducing AI-driven support for digital messaging platforms, ensuring seamless and efficient responses to customer inquiries.</li>
<li><strong>Voice Automations with Multi-Modal 1.1:</strong> Expanding voice automation capabilities with multi-modal integration to handle complex inquiries more effectively.</li>
<li><strong>Digital Messaging Full AI Automation 1.2:</strong> Achieving full automation in digital messaging, enabling the AI to resolve most inquiries without human intervention.</li>
<li><strong>Additional Guides, Tools, and Automations:</strong> Continuously developing new guides, tools, and process automations to expand the AI’s functionality and adaptability.</li>
</ul>
<p>This roadmap ensures the AI agent evolves to meet customer needs and aligns with Bob’s commitment to exceptional service.</p>
</section>
</main>
<footer>
<p>© AI Agent powered by <strong>Quiq</strong></p>
</footer>
</body>
</html>