GFS.com, historically had been managed by the development team charged with building it. The site has long served as the gateway for customers, job seekers, and a place to promote generic offerings from Gordon Food Service.
In 2017, a newly formed Digital Marketing team took business and product ownership of GFS.com, and set a new strategic vision for it. In the summer of 2018, we began work on a new GFS.com homepage, as part of an incremental overhaul.
Goal: Convert the existing GFS.com from a generic landing page, to a flexible product focused promotional hub that can generate both sales and leads.
Prior the start of the project, I had the opportunity to conduct user interviews with a variety of our customers. My company hosts several food industry trade shows across the country each fall, and spring. The shows allow almost unlimited access to our different customer types. You may ask - why did he conduct research prior to the project kickoff? I knew we would eventually tackle the homesite, and it would have been a miss to not talk to customers when they were all in one place, face to face.
When several customers were asked questions such as "How do you use GFS.com?" or "What do you do when visiting GFS.com?", a pattern became very clear.
Here are some of the quotes from customers:
For this project, I focused more on the user flow. My research, combined with analytics supported some of the steps that would follow. This user flow also takes into consideration three prime functions for the homepage - (1) funneling existing customers into our eCommerce platform via product ads, (2) funneling new customers down a new customer inquiry path, and (3) into our product categories page which is one of the highest visited pages for GFS.com.
Infusing the homepage with product imagery was a big component of the redesign. Working with the Digital Marketing team, we worked through various iterations before landing on a final look and function.
Some elements of UI, utilize material design and other aspects are more custom in design. The red is the global brand color for Gordon Food Service, while elements like font and interactions are part of the evolving digital design standards. Some user testing was performed via First Click tests using Optimal Workshop.
This is the final UI version for the homepage. This version is a lot more simplistic, and focuses on promoting the products through strong imagery and minimal but intentional copy. Scroll time has also been decreased here as well. It was designed as fluid layout that would render easily between desktop and mobile with little loss in quality. Lastly, during the design phase, the pod overlay contrast ratios were tested for accessibility.
October 23, 2018 the new homepage was released in the US and Canada. This is the first step in an incremental, multiphase overhaul of the entire site. My work is far from over for this project. Website data and customer feedback, will continue to aid us in prioritizing the most valuable pages to work on in each future phase.
Feedback has been positive, and the product ad pods are performing well and being linked to increased case sales for the specific promoted products.