LUCK STONE COMPANIES

Luck Stone is a multi-generation, family run, rock quarrying business in Virginia, that sells crushed stone to commercial construction sites, road builders, and residential builders. Their business consists of extracting rock from quarries, crushing it, and delivering it to job sites. They sold 75 crushed stone products available in a variety of colors, sizes, and gradations to customers in the Mid-Atlantic region. 

THE GOAL

To have a digital customer experience that provided instant access to data that the customer needed to run their business more efficiently.

For the user experience to be as easy as possible, designed with the customer and their daily operations in mind. 

To be able to track deliveries and to keep customers up-to-date on project status.

To reduce the number of calls to customer service. 

UNDERSTANDING THEIR BUSINESS

Having no prior knowledge of the construction and rock mining business, I quickly learned and adapted. I used my UX skills to gathered information from interviews with key business associates. It is a complex business that feeds a very fragmented construction industry, with many users: designers, architects, owners, contractors, subcontractors, asphalt producers, concrete manufacturers, haulers and there are a lot of influencers. I had to learn quickly how to navigate through all of that complexity.

DESIGN TOOLS

Sketch

InVision

Axure RP

UX SKILLS & TECHNIQUES

Personas

One on One User interviews

Optimal Sort

 • Reframer tool

 • Card-sorting

Customer Survey

 • Survey Monkey.  

Wireframe user testing

MANAGEMENT

SKILLS

Planning, 2 week Sprints

Communication

Decision-making

Problem-solving

MY ROLE

As the Lead User Experience Designer for this project, I lead user research, design, testing, and delivery of assets to the development team. The team consists of a director of digital products, a manager, a lead programmer, two junior developers, a business development analyst, a tester and a digital sales associate. 

 


USER INSIGHTS & IDEATION 

  • Perform heuristic evaluations of existing application

  • User Experience Research

    • ​3 personas to help identify the target users

    • One on one customer interviews

    • Optimal Workshop

      • Qualitative research using the Reframer tool 

      • 150 responses from a customer card sort activity using Optimal sort

    • 300 customer responses from a survey using Survey Monkey​

  • Information Architecture

  • Journey maps​

EXPERIENCE STRATEGY & VISUAL LANGUAGE 

This was followed up by a Low-fidelity clickable, mobile first prototype using Sketch and InVision. Two rounds of testing was performed one during the low-fidelity stage and one during the high-fidelity stage. After each tests were conducted and analyzed, the prototype was redesigned to accommodate new findings. I presented high-fidelity prototypes to the corporate stakeholders to agree and sign off on. While I was doing all of that I created a new UI design system in Sketch based on components in the Angular js framework. 

 


END-TO-END DESIGN & EXECUTION 

I executed idea to concept, UX research and wireframes, low-to-high fidelity prototypes, and conducted user tests.
 The product MVP was developed with a basic interface built using Angular js framework.

 
 

PERSONA RESEARCH

I created these personas for a way to model, summarize and communicate research about the people I observed in the one on one customer interviews. I depicted three specific people, Hank, Edward and Anna. Each persona represents a significant portion of people in the construction world and it enabled me as the UX designer to focus on a manageable and memorable cast of characters, instead of focusing on thousands of individuals. 

hank.png

HANK

Superintendant

Edward.png

EDWARD

Project Engineer

Anna.png

ANNA

Accounts Payable

ONE ON ONE INTERVIEWS

Sat down with 12 customers, each one was one of the 3 personas. Had a conversation about their business but followed a set of questions. These top 4 questions needed to be answered.

WHAT DO YOU NEED TO SEE TODAY?
DO YOU NEED TO SEE YOUR ACCOUNT?
DO YOU NEED TO ORDER ROCK?
DO YOU WANT TO KNOW WHEN YOUR ROCK IS DELIVERED?

INFORMATION ARCHITECTURE 

From gathering all the UX research an Information architecture (IA) needed to be mapped out. IA focused on organizing, structuring, and labeling content in an effective and sustainable way. I used atomic design principles to break down the requirements for each feature. Focused on just four page types, one with 4 card components, one with a search / filter component, one with a static content area and one with a dynamic content area. The architecture of the product grew substantially, as more features and pages were added to the whole experience.

 

UX CONCLUSION

I concluded that customers ( the 3 personas ) wanted to see past and future order information clearly, needed to order rock for that day or the next day, and needed to check up on the delivery of the rock so their work site can prepare. I presented my research summary to the team. 

MINIMUM VIABLE PRODUCT (MVP)

Team decided to focus on these features first.

ORDER'S TODAY
ONLINE
ORDERING
TRACK ORDER

VISUAL LANGUAGE

In order to help understand the ways the user can make decisions and choose a path; I mapped out multiple design options and workflows on paper. Following the "Design Thinking" methodology, I was sketching in the ideation phase, looking over the research again and empathising with the user continuously in a loop. In doing so, it helped me to understand the particular touch points the user will experience. My goal is to catch bottle necks and minimize inconvenient clicks, and highlight opportunities where the user can have a better experience.

VISUAL THINKING ON PAPER

Sample of sketches for the mobile dashboard that has Orders Today.

 

USER JOURNEY

Sample of the user journey map of how to find your job from a quote list. This was part of the Online Ordering.

WIREFRAMES AND USER TESTING
Orders Today Dashboard, Mobile First
Sample of Orders Today wireframes user testing. Question: Purchase orders grouped or not grouped ?
A
B

After testing the options with users I concluded the accordion that has the grouped purchase order was the one ( A ) to put into a hi-fi prototype. Bottom menu was not in the Angular JS framework so I had to but that in the Hamburger menu. Finally, we introduced statue notification, the customer wanted an alert is the order has been completed, canceled or in progress.

 

CLICKABLE PROTOTYPE

View the video or click around in the mobile experience.Go there now

RESULTS

Oct 2020 was a successful launch of Job Sight.

 

The company continued beyond the MVP that I helped with and continued to create customer experience which they branded Job Sight. 


Since launch there has been a gradual incline of all ordering done online, resulting in a 100 year-old change of business from traditional customer call in orders to a digital experience. Luck Stone is then sending more stone, so that’s good for profit. Customer feedback is that they are very satisfied, because rock is getting to their job site when they want it to be delivered. So their crews are more efficient. They’re prepared and ready for it.

 PASSWORD PROTECTED JP MORGAN

VCU BRANDCENTER

GAYLE

BARTON

Dallas, Texas 

Tel 757-572-4053

email gaylebarton@me.com

  • Twitter
  • LinkedIn