Palmer & Harvey Ordering Website Redesign

Responsibilities

  • Information Architecture
  • UX & UI Design
  • Prototyping
  • HTML, CSS & Javascript
  • Marketing Email Design

Palmer and Harvey is a UK-based wholesaler that services the retail chain and convenience stores. The company was originally founded in 1925 as a traditional confectionery and tobacco wholesaler, and today is one of the UK’s largest wholesalers. Palmer and Harvery employs 3,400 people and is privately owned by current and former employees.

The main challenge presented by this project was to merge Palmer and Harvey's dated (6 years old) online ordering desktop-only website, an independent mobile-only ordering website, and another ordering IOS app into a single responsive web platform that should follow the style of the company website (Palmer and Harvey Website).

At the time (July 2015), no other big groceries except Asda and Aldi had taken the responsive path. All of them have separate ordering systems for desktops and for mobile devices. As I had not many benchmarcks I found myself starting almost in the unknown.

The ordering platform presented challenges such as improving the navigation and presentation of products while leaving room to display ads in an elegant way. Another requiment was to design and develop a responsive marketing email template that would be later personalised with links to products and ads tailored for each individual customer.

Palmer and Harvey Desktop Landing Page
Palmer and Harvey desktop landing page.
Palmer and Harvey Desktop Category Page
Palmer and Harvey desktop main category page.
Palmer and Harvey Desktop Sub-category Page
Palmer and Harvey desktop sub-category page.
Palmer and Harvey Desktop Individual Product
Palmer and Harvey desktop individual product page.
Palmer and Harvey Desktop Trolley
Palmer and Harvey desktop trolley page.
Palmer and Harvey Mobile Landing
Palmer and Harvey mobile landing page.
Palmer and Harvey Mobile Categories
Palmer and Harvey mobile main categories view.
Palmer and Harvey Mobile Sub-categories
Palmer and Harvey mobile sub-category page.
Palmer and Harvey Mobile Trolley
Palmer and Harvey mobile trolley page.
Palmer and Harvey Desktop-only Website
Palmer and Harvey desktop-only website to be substituted.
Palmer and Harvey Categories Sketch
Palmer and Harvey categories dropdown sketch.
Palmer and Harvey High Profit Section
Palmer and Harvey high-profit section on landing page sketch.
Palmer and Harvey Landing Page Sketch
Palmer and Harvey landing page sketch.
Palmer and Harvey Basic Product Sketch
Palmer and Harvey basic product sketch.
Palmer and Harvey Mobile Sketch
Palmer and Harvey mobile sketch.
Palmer and Harvey Mobile Trolley Bar
Palmer and Harvey mobile trolley bar sketch.
Palmer and Harvey Responsive Email Marketing
Palmer and Harvey responsive email marketing.