I worked client side at B&Q for four years on a wide range of projects. I was hired at a critical point in the delivery of a complex ecommerce platform delivery using ATG & Sitebuilder. During this period, my role centred around the design, specification and testing of site features such as calculators, add to bag and quick order using Responsive web design techniques delivered using agile methodologies. Post launch, I was involved in the enhancement of the site which included the delivery of guest checkout and a new hierarchy and navigation framework.
I designed the solutions for a number of features in the run up to the launch of the new site in Jan 2014. I’ve listed some under “Site implementation”. Post implementation, I was involved in refining a number of site areas, and launching new features and propositions. These are listed under Site enhancement.
For each feature listed below, my role involved collaborating alongside business analysts, developers (onshore and off shore) and the test team to translate the functional requirements into a UX solution. I defined the flow, the Omnigraffle wireframes and the specification for the components on each page. Once the solution was signed off by the business stakeholder I was the single point of contact for each feature for the duration of the software development lifecycle.
<hr />
<h3>Site implementation</h3>
<h4><strong>Interstitial page</strong></h4>
Driven by a business requirement to cross sell and up-sell products to users post Add to basket and pre checkout, I was assigned the solution design for a feature we named “Cross sell interstitial”. This feature served a dual purpose; confirming the add to basket action taken on the product details page or product lister page had been successful, and to display product specific and generic cross sell and up sell recommendations, driven by the recommendations engine.
<a href=”http://useux.co.uk/?attachment_id=1891″ rel=”attachment wp-att-1891″><img class=”aligncenter size-full wp-image-1891″ src=”http://useux.co.uk/wp-content/uploads/2017/01/Desktop-Copy-2.png” alt=”” width=”1600″ height=”1024″ /></a>
<strong>Calculators</strong>
Located within the help and advice section on the site were a number of different types of calculators, which helped customers work out quantities of products they were buying online or in-store. The calculators were only available on desktop, and therefore needed to be redesigned within a responsive framework so they could be used on any device.
<a href=”http://useux.co.uk/?attachment_id=1892″ rel=”attachment wp-att-1892″><img class=”aligncenter size-full wp-image-1892″ src=”http://useux.co.uk/wp-content/uploads/2017/01/Desktop-Copy-3.png” alt=”” width=”2000″ height=”1024″ /></a>
<a href=”http://useux.co.uk/?attachment_id=1893″ rel=”attachment wp-att-1893″><img class=”aligncenter size-full wp-image-1893″ src=”http://useux.co.uk/wp-content/uploads/2017/01/Desktop-Copy-4.png” alt=”” width=”1900″ height=”950″ /></a>
<hr />
<h4><strong>Quick order</strong></h4>
Quick order was a feature requirement from a business stakeholder which allowed customers using a print product catalogue to add multiple items to your shopping basket in one go using their product codes. There was no restriction on the number of products which could be added, so rather than present users with an unattractive table of text fields, instead I used a design pattern called progressive disclosure to enable users to key in product codes one by one as required, thereby not overwhelming them with too many fields.
<hr />
<h3>Site enhancement</h3>
<h4>Guest checkout</h4>
Post launch, Econsultancy wrote a review of diy.com which highlighted the pros and cons of the site from a customer experience perspective. One of the areas they highlighted was missing was the inclusion of a Guest checkout facility. My role on this project entailed compiling the business requirements document, documenting the as is / to be flow, scenarios (registered & non-registered users, Click and collect, Home delivery and Mixed basket users).
The statistics below indicate the conversion figures (customers completing the checkout flow through to order confirmation in the 3 months pre guest checkout and the 3 months post guest checkout.
[wpsm_comparison_table id=”14″ class=””]
The statistics below indicate the percentage of customers exiting the sign in page in the 3 months pre guest checkout and the 3 months post guest checkout.
[wpsm_comparison_table id=”15″ class=””]
<hr />
Other projects:
<ul>
<li>Hierarchy</li>
<li>Bundles</li>
<li>Bulk order</li>
</ul>