top of page

Custom Website for SAI Stone

an effective way to train front-line sales understanding product features

as well as loyalty management for a different group of audiences.

1.jpg

Roles

UX Researcher

UX / UI  Design

Testing-person

Project Managing

Clients

SAI Stone

Tools

Adobe XD

Miro

Duration

04.2021-07.2021

Overview

The backstory

As a B2B natural stone supplier, SAI Stone have 50+ retail shops across Australia, they are not only deal with commercial project but also involved in domestic project.

Facing the fast-paced environment and overwhelmed sales traffic, they want to find an effective way to train front-line sales understanding product features as well as loyalty management for a different
group of audiences.

hero image.jpg

The challenge

How can we help customers find products feature and project inspiration photos easier as well as make more engagement with our retail shops?

My First Board - Frame 1.jpg

​Target Audiences

2.jpg

The Solution

We created a custom website (9 pages) including product, product, blog, the home page, etc, and 2 online forms.

Allows for online enquires, finding store locator, and downloading product information documents to keep front-line work’s stone knowledge up-to-date, as well as redirect online traffic to retail shops in order to increase sales figures for retail shops.

User Research Method

survey.png

User surveys

25 surveyed 

(25-50 years old) including:

  • general public,

  • retail shops staff,

  • architects,

  • pool builders,

  • internal sales team.

competitor.png

Competitor analysis

5 business,

UI trends, user flow. 

market research.png

Market Research

Market trends, market share, and distribution channels. 

key finding.jpg

Problem Statement

Instead of promoting off-line campaigns with the target audience, SAI Stone doesn’t have a digital platform to make more engagement in the niche market, and face to onboarding staffs, SAI Stone doesn’t have effective training sessions for them. SAI Stone doesn’t have a pre-purchase engagement system with niche markets.

front view.jpg

“Choosing the right stone pavers for the pool can not only enhance the quality of family spare time but also improve aesthetic appreciation.”

Persona and Customer journey map

We created 2 personas for the website, based on target audience, they are

  • architect,

  • retail shop sales.

To help our personas achieve their goals, we had 4 main functionalities in mind for the platform:

  • Creating stone articles and online documents to train front-line sales

  • Creating ‘online form’ that help to make a better understanding of stones they want to purchases

  • Creating effective categories that help salespeople find product easier 

  • Presenting previous-job photos and descriptions effectively

Designing user flows

User flow 1: Find the previous job photos and get samples before purchase

#1.jpg

User flow 2: Find the latest product features (online training) and sell products

#2.jpg

Wireframe and prototype

Product listing page

Product listing page.png

Project listing page

Project listing page.png

Product page

Product page.png

Sample order form

Sample request form.png

Discuss next project form

Next project form.png

Project page

Project page.png

News listing page

News listing page.png

Home page

News page

News page.png
Home page.png

We tested

We set up another set of workshop sessions internally with

sales team

to make sure our team fully understands the platform logic and user mapping. These workshop sessions helped our sales team connect with the client and empathise with their problems.

Final design and testing 

How to find specific product?

Untitled (1080 × 1920 px) (1920 × 1080 px) (1).gif
Untitled (1080 × 1920 px) (1920 × 1080 px) (2).gif

How to find up-to- date product documents?

How to find specific project?

product.gif
project.gif

Mobile Responsive Design

Home page

home2.png
home1.png
home3.png
home4.png

Product page

product5.png
product2.png
product1.png
product6.png

Project page

address.png
project1.png
project2.png
project3.png

Achievement 

The SAI stone’s website provides information about the latest products and shares retails address and pre-purchase form with different segments. After developing and testing a number of prototypes with customers, transforming the business into the digital platform.

Problem

Solution

90% of customers don’t know where to buy stone

from & store locations.

Creating ‘store locator’, users are able to search closest stores by postcode or address.

100% Architects group would like to find some ideas from previous-job instead of asking for stone samples.

lay-outing unique project inspiration section differently.

Pool builders would like to find stone types from the website instead of finding some ideas from the previous job.

Creating product filters by stone ‘type’, ‘color’ and ‘finish’.

“Stone function” is the first priority for both groups.

Creating project filters by stone ‘function’.

bottom of page