Team: Digital Role: Digital Designer
Developer: Jamie Gahona
Overview
Harvey Norman, a retailer of furniture, computers and electronics, was one of the sponsors of the 2024 Paris Olympic Games. Their Olympic Games campaign showcased multiple brands that had signed partnerships with them at various levels of prominence.
As a Digital Designer, I was tasked with producing a landing page for this campaign. Each brand that had signed a partnership with Harvey Norman would be featured on this landing page, along with their products.
Wireframing
With many brands and products all on one page, filters were needed. I wanted to keep it familiar for customers, so I used the filter layout from the Harvey Norman website. The paper wireframes were then updated into a low-fidelity format for presentation.Paper wireframes, ignore the duck
Stakeholder feedback
External stakeholder feedback was clear: they didn’t want the logo's being hidden away on mobile, and weren't fans of the page opening with a brand already selected. Additionally, developer feedback noted that coding two different filters wouldn't fit the build timeline.
Developer collaboration
Understanding the feedback, I worked in tandem with the developer to construct a prototype of a new solution.
Keeping Jakob’s Law
in mind
I used a horizontal bar filter to feature the brands front and centre, to be utilised on desktop and mobile. We also added an additional ‘Shop all’ filter for the page to load with pre-selected.Landing page layout
Outcome
While the list of brands featured on the page were still being confirmed, the developer was able to start building the page since we had already created a basic prototype. This allowed us to eventually ship the page on time with no issues.
What I learnt
Understanding a developers constraints and their methods of production is neccesary for creating UI solutions that work.Next time I’d be sure to explore multiple layouts while paper wireframing. With such a quick and dirty medium lots of different ideas can be explored and used for reference later.