Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The...

53
Senior Digital/Product Designer

Transcript of Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The...

Page 1: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

S e n i o r D i g i t a l / P r o d u c t D e s i g n e r

Page 2: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana

Page 3: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 4: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 5: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 6: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 7: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 8: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 9: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 10: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 11: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 12: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Loro Piana Working with the design director and the UX team I was briefed to design

a working website based on a pitch document, supplied wireframes and

the site map. U I | U X | V i s u a l c o n c e p t s

Page 13: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue

Page 14: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 15: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 16: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 17: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 18: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 19: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 20: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 21: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 22: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

British Vogue The campaign played out an interactive look book that lived within the

Vogue website. It allowed users to explore the settings from the fashion

shoot through scrolling functionalities, looping videos and stills.W e b D e s i g n | U s e r f l o w s | U I

Page 23: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Liberty London

Page 24: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Liberty London At Liberty, I managed multiple projects in a fast paced environment. I

delivered creative solutions from start to finish that were designed and

built responsively. Weekly emails, landing pages, transactional emails.W e b D e s i g n | F r o n t - e n d d e v

Page 25: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Liberty London At Liberty, I managed multiple projects in a fast paced environment. I

delivered creative solutions from start to finish that were designed and

built responsively. Weekly emails, landing pages, transactional emails.W e b D e s i g n | F r o n t - e n d d e v

Page 26: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Liberty London At Liberty, I managed multiple projects in a fast paced environment. I

delivered creative solutions from start to finish that were designed and

built responsively. Weekly emails, landing pages, transactional emails.W e b D e s i g n | F r o n t - e n d d e v

Page 27: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Liberty London At Liberty, I managed multiple projects in a fast paced environment. I

delivered creative solutions from start to finish that were designed and

built responsively. Weekly emails, landing pages, transactional emails.W e b D e s i g n | F r o n t - e n d d e v

Page 28: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Versace

Page 29: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Versace Versace promotion featuring their latest fragrance Dylan Blue.I designed

a microsite where users could watch the feature video, read about the

fragrance attributes and sign up for a free sample.U I | U X | V i s u a l D e s i g n

Page 30: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Versace Versace promotion featuring their latest fragrance Dylan Blue.I designed

a microsite where users could watch the feature video, read about the

fragrance attributes and sign up for a free sample.U I | U X | V i s u a l D e s i g n

Page 31: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Versace Versace promotion featuring their latest fragrance Dylan Blue.I designed

a microsite where users could watch the feature video, read about the

fragrance attributes and sign up for a free sample.U I | U X | V i s u a l D e s i g n

Page 32: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Versace Versace promotion featuring their latest fragrance Dylan Blue.I designed

a microsite where users could watch the feature video, read about the

fragrance attributes and sign up for a free sample.U I | U X | V i s u a l D e s i g n

Page 33: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Versace Versace promotion featuring their latest fragrance Dylan Blue.I designed

a microsite where users could watch the feature video, read about the

fragrance attributes and sign up for a free sample.U I | U X | V i s u a l D e s i g n

Page 34: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Versace Versace promotion featuring their latest fragrance Dylan Blue.I designed

a microsite where users could watch the feature video, read about the

fragrance attributes and sign up for a free sample.U I | U X | V i s u a l D e s i g n

Page 35: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Anatevs

Page 36: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Anatevs Anatevs is a new luxury jewellery brand started by a fashion designer that

formerly worked for Hussein Chalayan. We worked together to come up

with the branding as well as a look book showcasing the latest season.P r i n t D e s i g n | B r a n d i n g | A r t D i r e c t i o n

Page 37: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Anatevs Anatevs is a new luxury jewellery brand started by a fashion designer that

formerly worked for Hussein Chalayan. We worked together to come up

with the branding as well as a look book showcasing the latest season.P r i n t D e s i g n | B r a n d i n g | A r t D i r e c t i o n

Page 38: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Anatevs Anatevs is a new luxury jewellery brand started by a fashion designer that

formerly worked for Hussein Chalayan. We worked together to come up

with the branding as well as a look book showcasing the latest season.P r i n t D e s i g n | B r a n d i n g | A r t D i r e c t i o n

Page 39: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Anatevs Anatevs is a new luxury jewellery brand started by a fashion designer that

formerly worked for Hussein Chalayan. We worked together to come up

with the branding as well as a look book showcasing the latest season.P r i n t D e s i g n | B r a n d i n g | A r t D i r e c t i o n

Page 40: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Levis

Page 41: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Levis x GQ Levis’ most historic range of denim, launched a made-to-order service in

the Regent Street flagship store. I designed and developed an engaging

email to reach the audience.V i s u a l D e s i g n e r | E m a i l D e v e l o p e r

Page 42: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Levis x GQ Levis’ most historic range of denim, launched a made-to-order service in

the Regent Street flagship store. I designed and developed an engaging

email to reach the audience.V i s u a l D e s i g n e r | E m a i l D e v e l o p e r

Page 43: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Condé Nast Traveller

Page 44: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Condé Nast Traveller The purpose of the project was to increase customers’ awareness of how

to collect Avios points. I paid close attention to the user interface design

to make sure the information was clear and simple to understand.U I | U X | V i s u a l D e s i g n

Page 45: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Condé Nast Traveller The purpose of the project was to increase customers’ awareness of how

to collect Avios points. I paid close attention to the user interface design

to make sure the information was clear and simple to understand.U I | U X | V i s u a l D e s i g n

Page 46: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Condé Nast Traveller The purpose of the project was to increase customers’ awareness of how

to collect Avios points. I paid close attention to the user interface design

to make sure the information was clear and simple to understand.U I | U X | V i s u a l D e s i g n

Page 47: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Condé Nast Traveller The purpose of the project was to increase customers’ awareness of how

to collect Avios points. I paid close attention to the user interface design

to make sure the information was clear and simple to understand.U I | U X | V i s u a l D e s i g n

Page 48: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Condé Nast Traveller The purpose of the project was to increase customers’ awareness of how

to collect Avios points. I paid close attention to the user interface design

to make sure the information was clear and simple to understand.U I | U X | V i s u a l D e s i g n

Page 49: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

Condé Nast Traveller The purpose of the project was to increase customers’ awareness of how

to collect Avios points. I paid close attention to the user interface design

to make sure the information was clear and simple to understand.U I | U X | V i s u a l D e s i g n

Page 50: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

SpaceNK

Page 51: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

SpaceNK SpaceNK & Eve Lom, I managed multiple projects in a fast paced envi-

ronment. I delivered responsive solutions from start to finish : Weekly

emails, landing pages and front end development.V i s u a l d e s i g n | F r o n t - e n d d e v

Page 52: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

SpaceNK SpaceNK & Eve Lom, I managed multiple projects in a fast paced envi-

ronment. I delivered responsive solutions from start to finish : Weekly

emails, landing pages and front end development.V i s u a l d e s i g n | F r o n t - e n d d e v

Page 53: Senior Digital/Product Designerrobynmatthews.org/Robyn-Matthews-Portfolio.pdf · British Vogue The campaign played out an interactive look book that lived within the Vogue website.

SpaceNK SpaceNK & Eve Lom, I managed multiple projects in a fast paced envi-

ronment. I delivered responsive solutions from start to finish : Weekly

emails, landing pages and front end development.V i s u a l d e s i g n | F r o n t - e n d d e v