Webpage design
Webpage design
Crafting a successful product launch for the UK’s #1 kitchen retailer
Crafting a successful product launch for the UK’s #1 kitchen retailer








The problem
The problem
The problem
As the Christmas season approaches, we aim to capture consumer attention and expand our market presence by releasing a new webpage showcasing our long-awaited mid-price range handleless kitchen collection. This strategic launch coincides with a kitchen ad campaign designed to emphasise the unique features and appeal of this range.
As the Christmas season approaches, we aim to capture consumer attention and expand our market presence by releasing a new webpage showcasing our long-awaited mid-price range handleless kitchen collection. This strategic launch coincides with a kitchen ad campaign designed to emphasise the unique features and appeal of this range.
“I would love a Wren Kitchen but you guys don’t have any handless kitchens that fit my budget”
“I would love a Wren Kitchen but you guys don’t have any handless kitchens that fit my budget”
“I would love a Wren Kitchen but you guys don’t have any handless kitchens that fit my budget”
Our competitors have already established a foothold in the mid-price range handleless kitchen market, making it essential for us to position our offering competitively and effectively communicate its value. The webpage must not only build brand awareness but also differentiate our handleless kitchen range to attract customers and gain market share during a highly competitive and consumer-driven period.
Our competitors have already established a foothold in the mid-price range handleless kitchen market, making it essential for us to position our offering competitively and effectively communicate its value. The webpage must not only build brand awareness but also differentiate our handleless kitchen range to attract customers and gain market share during a highly competitive and consumer-driven period.



Directed by Michael Gracey - producer for The Greatest Showman
Directed by Michael Gracey - producer for The Greatest Showman
Aligning business goals with user goals
Aligning business goals with user goals
Aligning business goals with user goals
To ensure both the business and our users would be happy and confident on what was being presented, I conducted meetings with stakeholders and users. These sessions provided great value in how I could satisfy needs of both groups.
Stakeholder goals:
Build strong awareness for the new product range
Align and communicate effectively and clearly with all departments
Design a high converting webpage
User goals:
Understand the potential cost of the new kitchen range
Book an appointment with ease
Access detailed information easily if necessary
Clearly comprehend the product range being offered
To ensure both the business and our users would be happy and confident on what was being presented, I conducted meetings with stakeholders and users. These sessions provided great value in how I could satisfy needs of both groups.
Stakeholder goals:
Build strong awareness for the new product range
Align and communicate effectively and clearly with all departments
Design a high converting webpage
User goals:
Understand the potential cost of the new kitchen range
Book an appointment with ease
Access detailed information easily if necessary
Clearly comprehend the product range being offered

Competitor analysis
Competitor analysis
Competitor analysis











Analysis of Howden’s and Magnet’s handless kitchen range
Analysis of Howden’s and Magnet’s handless kitchen range
Wireframing
Wireframing
Wireframing




Some wireframe concepts
Cross department collaboration
Cross department collaboration
Cross department collaboration
Following the research and ideation phase, the team collaborated to ensure the webpage was ready for launch by the deadline. Marketing and Sales contributed by crafting SEO-rich copy for the page, while the Development team worked to address any technical complexities before the design was finalised. The design was then presented to senior stakeholders for approval.
Following the research and ideation phase, the team collaborated to ensure the webpage was ready for launch by the deadline. Marketing and Sales contributed by crafting SEO-rich copy for the page, while the Development team worked to address any technical complexities before the design was finalised. The design was then presented to senior stakeholders for approval.
Takeaways
Takeaways
Takeaways
Hotjar
Utilising Hotjar to our advantage and watching users interacting with other webpages on our site helped inform how to design and structure the new webpage for higher conversion and longer user sessions.
Analysing the webpage after go-live is really fundamental to help understand what went well and possible friction points - and how we can address these for future designs and iterate on current designs also.
User interviews
Speaking to our target demographic helped alleviate assumptions and give a clear concise idea of what our user goals were and highlighted them as key strategic items we had to address to help create a impactful user experience.
Collaboration and communication
None of this would have been possible without early collaboration and communication throughout the project. This approach ensured that all assets and materials were prepared for the go-live date, key stakeholders were engaged to secure their buy-in, and consistent communication kept all departments aligned.
Hotjar
Utilising Hotjar to our advantage and watching users interacting with other webpages on our site helped inform how to design and structure the new webpage for higher conversion and longer user sessions.
Analysing the webpage after go-live is really fundamental to help understand what went well and possible friction points - and how we can address these for future designs and iterate on current designs also.
User interviews
Speaking to our target demographic helped alleviate assumptions and give a clear concise idea of what our user goals were and highlighted them as key strategic items we had to address to help create a impactful user experience.
Collaboration and communication
None of this would have been possible without early collaboration and communication throughout the project. This approach ensured that all assets and materials were prepared for the go-live date, key stakeholders were engaged to secure their buy-in, and consistent communication kept all departments aligned.
Cookie , Luna , and Gumdrop say thank you for visiting our portfolio!



Cookie , Luna , and Gumdrop say thank you for visiting our portfolio!






Cookie , Luna , and Gumdrop say thank you for visiting our portfolio!






Some elements have been hidden due to confidentiality
Some elements have been hidden due to confidentiality
Cookie , Luna , and Gumdrop say thank you for visiting our portfolio!





