MATTEL PRODUCT PAGES
Web Design | 2022
[CONTEXT] | [SOLUTION] | [UI/UX] | [CREDITS]
CONTEXT
Mattel, Inc. is the creator of some of the most iconic toys in history, as well as a company in a perpetual search for new market niches in which to offer its own products or those developed in collaboration with other companies, when a consumer audience eludes their scope. That is why, after focusing on the gaming niche, Mattel relied on Krom Gaming to develop a collection of peripherals branded with two of its flagship brands: Hot Wheels and Barbie.
SOLUTION
A strategy of marketing comms was devised to help advertising and promoting the offline and online selling of this collection of products. To create a landing page for each product was a crucial task I was entrusted by Mattel Iberia Marketing Department.
UI/UX CONCEPT
Following the brand guidelines I set for Krom Gaming's Hot Wheels and Barbie licensed products, I created a landing page for each product. The UI/UX concept applied is simple: turning the web interface into a window where each product's design and its most outstanding functionalities are shown with eye-catching detail.
UI DESIGN
These landing pages were created using the tools provided by a custom made web CMS. Parallax scroll, hotspots and alternating between pictures of isolated product vs. product placed in a context of use were the main techniques to build that visual narrative.
KHALI
Browse product page
MATTEL | Khali landing page | Desktop UI Design
MATTEL | Khali landing page | Mobile UI Design
MATTEL | Kandy landing page | Mobile UI Design
MATTEL | Kandy landing page | Desktop UI Design
KANDY
Browse product page
KANYON
Browse product page
MATTEL | Kanyon landing page | Desktop UI Design
MATTEL | Kanyon landing page | Mobile UI Design
MATTEL | Key Pro landing page | Mobile UI Design
MATTEL | Key Pro landing page | Desktop UI Design
KEY PRO
Browse product page
KUSTOM
Browse product page
MATTEL | Kustom landing page | Desktop UI Design
MATTEL | Kustom landing page | Mobile UI Design
