top of page

CASE STUDY - 2021

Google Pixel 6

Creating UI screens worthy of promotional and advertisement with the established Google Pixel 6 interface for launch. 

MY ROLE

Product Designer

AGENCY

Unreasonable Studios

CLIENT

Google

PROBLEM

The Google Pixel 6 screens had been pre-established my the in-house Google design team however to execute international advertisements new screens had to be manufactured to match storyboards, themes and varying European countries without providing exclusive access to any of the production team, designers or editors. 

This resulted in an interesting challenge. As the sole product designer on this project I had to imagine what many of the screens would look like and simulate an experience that would translate well on screen to international audiences using the Google UI, loose storyboards, and my prior knowledge of Android interfaces & behaviour. 

KEY DESIGN PRINCIPLES

Function

Function was a priority here. The screens I created had to mirror the Google Pixel 6 even though I was creating them in the dark with little to no visual representation. Mastering a realistic, functional experience to be displayed on screen was paramount.

Unified

The final outcome would have international use therefore unity and inclusion was a key principle established from the beginning. An inclusive product acknowledges that the whole is greater than the sum of its parts and that was my ethos walking into this project.

Compassion

The audience's perspective, the clients portrayal and ultimately conveying how well the product would serve a user's needs - emotional, physical and technical - are at the heart of this product. A clear understanding of compassionate design was integral.

EXPLORATION & RESEARCH

Lorem ipsum dolor sit amet
Hanifa-1.png

Persona A

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

Hanifa-1.png

Persona B

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

Hanifa-1.png

Early sketches

TESTING

Low-fi

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

Hanifa-1.png

Wireframes

Hanifa-1.png

Wireframes for testing

A/B TESTING

Feedback

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

ITERATIONS

Exploration

Hanifa-1.png

Version A

Hanifa-1.png

Version C

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

Hanifa-1.png

Version B

Hanifa-1.png

Version D

USER INTERFACE

Hi-fi

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

Hanifa-1.png

Final

Hanifa-1.png

Final

OUTCOMES

Final Observations

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi. Quis lectus nulla at volutpat diam ut venenatis tellus in. Justo nec ultrices dui sapien eget mi proin sed.

Vitae elementum curabitur vitae nunc. Amet venenatis urna cursus eget nunc. Id faucibus nisl tincidunt eget. Vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras tincidunt. Dolor sit amet consectetur adipiscing elit ut aliquam purus.

bottom of page