Angela Speed
Creative Direction, Brand Strategy, UX Journey, Marketing & Development

Online Chat Application



Presented By Angela Speed
Sr Web Graphic Design Manager at Signet Jewelers

Image alt tag
Customer Journey

Problem Statement

Signet Jewelers, the world’s largest retailer of diamond jewelry operating over 3,200 retail stores and Branded web stores, was struggling to provide efficient customer support, in the new online-only environment in response to Covid-19 store closures. Customers were facing issues with finding products, placing orders, and getting their queries resolved. The company needed a solution that could improve customer satisfaction, reduce response time, and increase online sales.

Customer Journey

SMART Goals & Objectives

The objective was to design a chat application that could improve customer satisfaction, reduce response time, and increase sales.

The goals of the project were:

  1. Added new customer support experience

  2. Increase online sales to compensate for lost in-store business due to store closures

  3. Improve response time for customer queries

  4. Scalable to implement to all brands

Duration

March-May 2020

Type

Application development for an emergency sprint accelerated by the Store Closings during the Covid-19 Pandemic.

Responsibilities

User research, personas, sitemaps, wireframing, prototyping, testing and team training for scalable cross brand implementation implementation.

This is your heading

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

This is your heading

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

This is your heading

Duration

March - April 2022

Type

Independent student project completed while in the Google UX program

Responsibilities

User research, personas, sitemaps, wireframing, prototyping

This is your heading

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

This is your heading

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

This is your heading

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

Process

We followed a user-centered design process to create a chatbot application that could address the company's challenges. Our process involved the following steps:

Customer Journey

Quantitative Research

We conducted a survey to collect data on customer preferences and their experience with the company's customer support. We found that 60% of customers were unsatisfied with the response time, and 70% were interested in personalized product recommendations.

User Needs

We identified the following user needs:

Easy access to product information

Personalized product recommendations

Quick resolution of queries

24/7 availability of customer support

Customer Journey

This is my final draft sketch which I took into Figma© for wireframing.

Wireframes

I usually start the design process with low fidelity wireframes. This is the way I iterate through many design options quickly.

  • The main purpose of the sketches assist with brainstorming and spatial design.

  • Knowledge about usability goals, end-user usability and stakeholder input influence the sketches.

  • I usually create a couple different versions until I feel I have usable design?

  • The main differences among these versions are placement and look and feel of key elements.

  • I knew the pop-up widget needed to be a small chat window, and from experience with other interfaces, I was able to take usability elements to perfect the UI on paper.

  • basing the design on the phone text message interfaces seemed the most logical layout, because it would have a familiar usability, without a learning curve.

Simplified version of the chat application to show a brief digestible example.

Prototyping

The chat application was then designed and prototyped, to easily post to production with an accelerated development phase was crucial in ensuring that the chat application met the needs of users and stakeholders, was fast to implement based on the urgency of the need, and was able to provide a high-quality user experience.

Testing and integration

The chat application was successfully tested and integrated on all Signet Brands webstores through a rigorous process that involved multiple rounds of testing and feedback from stakeholders. The team worked closely with the web development team to ensure seamless integration and to address any technical issues that arose during testing. User testing was also conducted to gather feedback on the chat application's functionality and user experience. The team worked diligently to resolve any issues that were identified during testing, and the application was thoroughly vetted before its final launch on all web stores. The successful integration of the chatbot on all Signet Brands webstores has improved customer satisfaction, increased sales, and reduced response time, demonstrating the effectiveness of the chatbot application.

Scalable Web application
Customer Journey

Want to see it in Action?

Visit the Zales Website, the chat bot is located at the bottom right. Alternately, you can see the re-skinned versions on our sister brands: Banter by Piercing Pagoda, Gordon's Jewelers, Peoples Jewellers (Can), Jared, Kay, Kay Outlet, Zales, Zales Outlet.

Additional Reading...

Customer Journey

The UX Design Process Article

Good UX starts way before the stuff you can see. Article describing the elements of good UX.