Web Design

Case Study
WF Education

WF Education are a US company with a large presence in the UK and France supplying schools and other educational institutions with equipment.

CMS

Magento 2

URL

WF Science

DESIGN PROCESS

This project I was brought in a couple of months into the project after the original web developer left the business. I had to “hit the ground running” and get up to speed very quickly and get to know the key people involved in the project.

1. Time Management

The wider team were already using Trello and Click-Up for task tracking. Stakeholders were located in the UK and France. Again, you had to manage expectations of key stakeholders and be clear.

2. Research

For this site, the user testing had already been done and I had to follow the brand standards and outline from the feedback.

3. User Testing

Once the website was in a state of readiness in the sandbox test area, the customer service team within the company were asked to place orders and look through the site and feedback on their findings. From that, adjustment sna amendments were made.

4. Team Management

Working with an external web agency that would manage the uploads and sync between the Magento system and Akineo (an image repository system), regular Zoom calls were haad covering any issues and outlining expectations with timescales. All stakeholders had access to the Trello board that was managed.

WF Science mobile

OUTCOME

To achieve the e-commerce side capability of the site and the volume of products, it was decided that Magento would be the preferred CMS as opposed to WordPress.

Working with the product manager to visualise what the menus would look like, the user journey and the checkout process. This site very complex and has a lot of ‘moving parts’ behind the scenes in terms of stock control, hundreds of products, data sheets, downloads and also the need for in-depth SEO.

As each page was being built, SEO was needed to be built into the site including keywords, meta-titles, meta-descriptions and H1 tags. Once the site was live, it was also submitted to Google for indexing via the Google Web Master account.

The outcome was a far cleaner looking site than the previous incarnation (originally built using Magento 1) with users being able to undertake more accurate searches, find information, downloads and videos while also being able to purchase products in a smooth transition. Different geographical areas would have different delivery charges, so that also had to be set.

 

OLD SITE DESIGN

Timstar Old Site
Timstar Old Site Mobile

As a comparison, the old site built using Magento 1 and has overlapping areas on the mobile site which could incur a Google penalty and the rendering on the mobile site doesn’t quite work.

Let’s Start Something new
Say Hello!

7 + 7 =