2023
Meta & Ray-Ban
Introducing the next generation of smart glasses
Agency
Jam3 / Media.Monks
Type
Website
My Role
Lead Designer
Main Skills
Interaction Design, Visual Design, Motion Design, design system
Live Project
Meta partnered with Jam3 / Media.Monks to design the experience of exploring and shopping the next-generation Ray-Ban Meta smart glasses collection online.
All the core features of the first generation were improved and a couple of completely new features that have never been seen on a pair of smart glasses before were also added.
Together with the Meta team, our challenge was to present all of that in a clear, elegant and consistent way. We wanted to not only stimulate shopping but educate users on how to take the most out of the Ray-Ban Meta smart glasses.
![Meta | Ray-Ban website screenshot – Overview page on desktop. Hero section](https://assets-global.website-files.com/6542fedd930ee7ffc3ae00c2/655c3e013df6294e6e56a113_Marco_Almeida_Work_Meta_1.jpg)
![Meta | Ray-Ban website screenshot – Overview page on desktop. Additional features section](https://assets-global.website-files.com/6542fedd930ee7ffc3ae00c2/655c222263abcc551c72d078_Marco_Almeida_Work_Meta_3.jpg)
![Meta | Ray-Ban website screenshot – Visual explorations for the "Shop all styles" section](https://assets-global.website-files.com/6542fedd930ee7ffc3ae00c2/655ab9b3056f1bc18309f8e3_Marco_Almeida_Work_Meta_2.jpg)
![Meta | Ray-Ban website screenshot – Overview page on mobile devices. Additional features section](https://assets-global.website-files.com/6542fedd930ee7ffc3ae00c2/655ab9b287b241070c6ef045_Marco_Almeida_Work_Meta_4.jpg)
![Meta | Ray-Ban website screenshot – Overview page on mobile devices. Media gallery section](https://assets-global.website-files.com/6542fedd930ee7ffc3ae00c2/655ab9b3378415d1db13b261_Marco_Almeida_Work_Meta_5.jpg)
![Meta | Ray-Ban website screenshot – Visual explorations for the core features section](https://assets-global.website-files.com/6542fedd930ee7ffc3ae00c2/655c3f897bfa00e97bf9cea8_Marco_Almeida_Work_Meta_6.jpg)
![Meta | Ray-Ban website screenshot – Product landing and detail pages in a grid view](https://assets-global.website-files.com/6542fedd930ee7ffc3ae00c2/655ab9b3cb1ae6c081d693f0_Marco_Almeida_Work_Meta_7.jpg)