I’m sorry that the mobile version
of the case study is not available.
Please visit the page
by using a desktop or laptop.
Thank you for your understanding.
Have a good day.
A new e-commerce experience
for APS Garden Machinery
I have designed from scratch the interface of the online store of APS that presents
the well-known brands of garden machinery, accessories and equipment to their customers,
in accordance with their business objectives and customer profiles,
and have optimized the product categorization.
APS is a 159-year-old company that makes sales and provides service and maintenance of
garden machinery, equipment and accessories, and makes sales gas bottles and heaters
suitable for domestic and commercial use.
APS sells to all of the United Kingdom via the online store, apsgardenmachinery.com.
Sales, after-sales and maintenance services are offered at the company’s centre
APS website home screenshot
APS, that has acquired a reliable place in the market by the products they sell and the services they provide, wanted to renovate the interface of their online store in order to adjust to new technologies, to get better ranking in online search results and to increase its online sales.
The expectations and requests of the client are:
To work comply with desktop and mobile devices
To have the essential features of the competitors’ website
To offer a better product listing and filtering features
To continue to work with the current management system
Based on the brief that the client provided us, after evaluating it with my colleague, we determined the production time of the project to be 5 months.
First of all, I wanted to determine my technical limits and to have preliminary knowledge on the market and the users. So I started to work by examining the management system that had been used and collecting detailed information about users and competitors.
During the first meetings with the company, I knew Ecwid would be the management system to use. Therefore, I and Mr Fırat Kodaz, the Full-Stack Developer who was going to help me to develop the product, examined Ecwid Rest API Platform. At this stage, we had neither the time nor the opportunity to test the API service in action.
However, we agreed that Ecwid Rest API would provide the essential features for online sales, even though it had certain limitations.
After technical reviewing, I passed on to the stage of analyzing the market and user behaviours. First I tried to gain access to Google Analytics’ account that was already integrated into the current web site. Unfortunately, I realized that the company
did not have access to it.
I got in contact with Google Analytics Support Team but, since they asked for too many critical information of the company, I could not complete the recovery process of the GA property.
Because of this unexpected situation, in order to conduct a user research I prepared the survey of “Creating Customers Persona Based On Real-Life Data” and then shared it with the project director of the company.
Based on the answers to the survey, the demographic features of the customers who shopped in the store were:
In the 20 ~ 90
from the store
The next step was to analyze competitors’ websites in the market. I made a list of the websites to be analyzed
based on the brief provided by the company and online research I conducted. I analyzed the information architectures of the determined websites by their product categories.
I also compared the functions they provided users with,
mainly product filtering and listing. I shared with the company in a report why the items I analyzed were important for
an e-commerce website, mentioning existing errors and
my suggestions for these.
After presenting the report, the need for making an extra study on existing category system and product attributes arose.
We agreed with the project director on that and decided to schedule the study after the UI design phase was completed.
From the first day of the meetings, I thought that it might be useful to list the products
under two main categories, Garden Machineries and Gas Products.
Why two main categories?
among all 800+ products
to each other.
might be reordered regularly, especially Gas Bottles.
in autumn and winter, and garden machinery
in spring and summer.
The proto-personas are made by the survey conducted earlier, in-store observations, the extra information that the company had shared with us and the assumption based on all this information.
For much better understanding of how customization feature worked by the personas, I prepared a prototype that showed the alterations of the navigation and the contents of the main menu based on user type.
After exchanging opinions with the project director, we decided to postpone this feature to reconsider after publishing the web site.
To review the prototype: http://bit.ly/2lsNZbk
Even though I didn’t get the opportunity of testing or applying, I should have designed a user interface to meet the needs of the user personas that I formed by insights that came from the results of the data I had collected.
Website Feature Comparison
Competitive Analysis would be my strongest assistant to achieve these objectives. With this, my aim was to identify common points and features in critical screens and to notice the alterations needed to be made in the new experience that I was going to design for APS. For analyzing and comparing, I picked the companies and websites by the following criteria.
|SECTOR WISE||Three local companies for garden machinery and accessories|
|Two local companies for gas products and heaters|
|CULTURE WISE||Two indirect international companies selling similar products|
|Two local companies selling different kinds of products|
After the Competitive Analysis, I wanted to establish the main navigation and product category structure/map via online tree test and so to create the overall/main structure of the website meeting the design objectives and users needs. By the online tree test, I’d have been able to create a model of a user’s mind map and to build well-grounded hypothesis. However, this online test couldn’t be conducted for some reason.
Creating a site map would guide me through the design process.