Wireframes & Process Flows

Process Flows & Wireframes

Sainsbury’s Supplier Site

At Sainsbury’s I was asked by the Trading Managers to design and build a site that would help suppliers book content onto the Sainsbury’s Groceries website. The Trading Managers were finding that suppliers didnt read the documentation given to them and were asking the same questions.

Here I sat down with other designers and the Trading Assistants to discuss how we could reduce the content so it would be something the suppliers would use.

> View project

Scroll down to content

Process Flows & Wireframes

Tesco Translations

Whilst at Tesco we worked with a translation agency, that would translate the copy for our product packaging and instruction manuals.

We had an idea of creating a hub that the team could use allow them to access a data base of existing translations.

Here I put together process flows and talked with team members to decide if this would help their job roles. After carrying out this research we found that the time saved was not proportional to the costs involved to set up the translation hub.

Scroll down to content

Process Flows & Wireframes

Comp shop

A personal project looking at how I could improve the process of buyers/ Merchandisers when benchmarking competitor products. We needed a place that could document the findings and then display the data in a consistent presentable format across the company to be used in presentations.

> View project
Scroll down to content


Process Flows & Wireframes

Halifax Share dealing

As I use the Halifax share dealing website quite often I decided to update the homepage so that it is more in line with modern trends, as well as giving the user instant information about their account. Before the user would have to drill down into further subcategories of the website to find this.

> View project


×

Wirframes

Axure wireframe sketches to decide on a format that would help both new and returning Suppliers find the information they need throughout the site.

×

Artwork Sketches and ideas

Sitting down with the team to discuss ideas, and formats for the website.

×

Screenshot

Showing an example of the site helping Suppliers feel familiar with the process when booking content.

×

Translations Process Flow

When researching this tool, we put together 3 process flow to determine how the new web tool would speed up the translation process. But when comparing we found that it added steps and would create more work than what was already in place.

×

Translations Process Flow

Table of notes that went along with the process flow depicting time frame for each step along with benefits and concerns. Below a proposed image of the web tool from the translation agency.

×

Compshop Design

×

Compshop Process Flow

×

Compshop Mobile Wireframe

Showing the various steps in the process to record the data when researching competitor products on the high street.

×

Compshop Desktop Wireframe

×

Halifax Homepage

Showing how I would change the original homepage to immediately give market data to the user, as well as scaling down the navigation to the 4 main areas that the user requires when viewing their account.

×

Notes and Sketches

×

Mobile Wireframes

Proposed layout for mobile allowing user to see main gains and main losses from their account, and then being able to slide the screen to the left to obtain market quotes.