V.004
Hello!

My name is Gera Frascaroli.

This is me ↴

I am a Graphic Designer and Art Director, born in Bologna, raised in Sydney, based in New York City.

Last Update
↳ April 20 2020

Optimized for
↳ Chrome
↳ Desktop (Full-Screen)
↳ Mobile (Landscape)
 






I’ve had the privilege of working on global campaigns, commercials, brand identities, digital products and experiences, network rebrands and title sequences, for some of the world's most loved brands, in collaboration with some of the world’s most awesome people.

If you’d like to work together or just have a chat, feel free to email me.






Education

University of NSW
College of Fine Arts (COFA)
Masters (Digital Media)
↳ 2009

University of Sydney
B.A. of Arts (Anthropology)
↳ 2006
Recent History

Google (Mountain View)
May 2021 - Present
↳ Visual Designer

Character (New York)
Oct. 2018 - Aug. 2020
↳ Design Director

R/GA (New York)
Oct. 2015 - May 2018
↳ Design Director

Rokkan (New York)
Sep. 2014 - Oct. 2015
↳ Senior Designer

The Mill (New York)
May 2012 - Aug. 2014
↳ Art Director

BigStar (New York)
Sept. 2010 - Apr. 2012
↳ Designer / Animator
Recent Clients


Nike
Instagram
Converse
Google
Samsung
Netflix
Facebook
MTV





Mark

1

Nike Adapt X  Watch
↳ 019
Studio
↳ Character (NY)
Role
↳ Design Director
Reaching down for your shoes or grabbing your phone isn’t an option when you’re in a constant state of shift. Being able to quickly adjust and fine tune your fit on the fly, unlocks a new level of control for the Adapt consumer.

We worked closely with the Nike Digital Innovation team to translate how this experience comes to life through function and form on the Apple Watch, to deliver the ultimate level of control for on-the-go adjustments.

*3D Sneaker assets created by the Nike Brand Experience team.




















↳ Challenge
As a user, I would like the ability to adjust and fine tune the fit of my shoe using the watch, so that I don’t have to open the app.










↳ Experience Principles
Glanceable
1. Information is readily available to the user. 2. Interactions should occur quickly, and over a short period of time. 3. Communicate information clearly and without added distraction.

Responsive
1. Minimize the time it takes to launch and load new screens. 2. Respond to user interactions with speed and accuracy. 3. Keep snapshot up-to-date with relevant information.

Actionable
1. Be thoughtful about the information that is presented. 2. Regularly update key information. 3. Consider the complication design.










↳ Navigation
Guided by our experience principles and knowing what key functionalities we had to solve for, our next steps were to explore a range of navigation options, both hierarchical and page-based.

We arrived at a slightly customized structure that was both highly intuitive and efficient:

↳ All Lacing functions are contained within the p.2 landing screen, with Mode Presets located on p.1 and Lighting on p.3.

↳ Users can access Quick Release and Lights Off functions via a force touch menu as well as Battery levels via an additional modal screen that appears when activated.













↳ Visualizing Behaviors
Before diving into design directions, and to inspire our design thinking / making, we did a quick exploratory in visualizing the behavior of Tight — Loose.





















↳ Design Expressions
With our navigation locked, we explored three overarching visual expressions:

1. Metrical
2. Representational
3. Hybrid










1. Metrical

Within this territory, we embrace the Apple Watch’s timepiece ancestry as a functional instrument, utilizing precise metrics and measurements as our guide.

By emphasizing data using large numerical elements, the visualizations adopt a more performance-based approach.

Themes:
·Functional
·Precise
·Numerical











2. Representational

This territory explores the physical and realistic qualities of pressure to represent the tightening and loosening of the shoe.

By relying less on numerals, these explorations are more lifestyle oriented.

Themes:
·Realistic
·Demonstrative
·Human











3. Hybrid

This hybrid territory illustrates the tightening and loosening of the shoe in a way that combines representational and metrical qualities.

The emphasis on each quality shifts depending where you are in the interaction flow of the Apple Watch app.

Themes:
·Realistic
·Functional












↳ Motion Tests
An exploratory into how behaviors could come to life through motion. Interface test animations by Joe Wright.



















































↳ Final Product
We delivered a simple, efficient, and visually consistent solution, that felt in line with the Nike Adapt mobile app and larger brand system.






























↳ Apple Watch App Icon
Finally, we created the Apple Watch app icon — a silhouette of the Nike Adapt BB sneaker that would change depending on what shoe model the user is controlling.









































Team
↳ Nike Digital Innovation, Virgilio Santos, Manuel Dilone, Junki Hong, Joe Wright, Cris Mascort, Teri Kaplan










2

Instagram Shopping
↳ 018 — 019
Studio
↳ Character (NY)
Role
↳ Design Director
Together with Instagram, we helped shape a new vision of shopping: discovering, saving, sharing, and buying the products we love.






















↳ Project Objectives
Instagram is poised to alter the trajectory of how people shop. Our core objectives included the following:

Define → a new brand that positions Instagram as the main destination for shopping.

Expand → the shopping ecosystem
of Instagram, within app, and with
a standalone app.

Engage → new-to-work women into
this new Instagram experience,
while aiming for long term scalability.










↳ Brand Mission
Bringing you closer to the people and things you love.











↳ Brand Values
1. Keep it simple. 2. Be surprising and fun. 3. Inspire creativity. 4. Be inclusive of the community. 5. Prioritize diversity.










↳ Brand Attitudes
Our attitudes are inspired from Instagram, while bringing new dimensions to the brand.

1. Identity
2. Community
3. Creativity
4. Inclusivity











1. Identity
↳ Helps me define and express a space that communicates who I am and what I care about.

Themes
· Taste
· Vision
· Individuality



2. Community
↳ Helps me connect with people I follow, friends, and brands in an easy and fun way.

Themes
· Community
· Relationship
· Trust
3. Creativity
↳ Helps me be inspired by people and brands I admire and inspire others who follow me.

Themes
· Wonder
· Amusement
· Emotion



4. Inclusivity
↳ Helps me feel like I am seen and heard and find people who widen my perspective.

Themes
· Divesity
· Intersection
· Univerality










System Foundations
↳ Naming
With our objectives and strategic foundations locked, we proceeded to do a deep dive on naming for this new shopping experience.

Instagram Checkout (Check@ut) came out as the winner and worked on a couple levels, signifying the begining (i.e. checking out and getting inspired by an influencer, brand or product on Instagram), and end (where the user literally proceeds to purchase via checkout) of the customer journey.*

May 2020 Update — Now refered to as “Facebook Shops”.




















↳ Temperature Gradient
Instagram is represented by a broad color spectrum.


















↳ Temperature Gradient
If IGTV is the warm beginning of the discovery journey...

Warm Discovery
↳ Emotional




















↳ Temperature Gradient
...Instagram Shopping the cool end of it.

Cool Reality
↳ Transactional




















↳ Icon Development

During the exploratory phase, were stress tested our icons against the following principles 1. Make it owneable. 2. Keep it simple. 3. Ensure it scales. 

Below is a small sample of the icon exploratory process. We created close to 1,000 shopping-centric icons and variants.































↳ Instagram Checkout Icon
After several rounds of rigorous exploratory, refinement and global user testing, we aligned on our beloved smiley Checkout bag. 




























































↳ Interface 
The glyph was tested in various states and scales, across multiple key touchpoints within the Instagram Checkout experience.






















↳ Exploratory — System Architecture 
We developed a responsive, modular grid system based off the Instagram Search & Explore section grid, and leveraged the Instagram shopping dot as foundations for the brand’s identity system. 




























↳ Exploratory — The Handle
Taking cues from the @ handles prevalence in culture as a representation of one’s identity on social, we explored how a brand or influencer could use the Instagram Checkout bag logo handle itself and transform it into an expressive and iconic visual signature on their Instagram Stories and posts when raising awareness for their Checkout store.















↳ Exploratory — Brand Guidelines
Finally, we created a set of mini brand guidelines that summarized the core strategic, verbal and visual rules for Instagram Checkout.


 












Team
↳ Instagram Global Brand Design, Manuel Dilone, Virgilio Santos, Shu-Yu Hsiao, Junki Hong, Johnny Lee, Pete Macia, Teri Kaplan










3

Google REWS (Real Estate and Workplace Services)
↳ 018-019
Studio
↳ Character (NY)
Role
↳ Design Director
Work in Progress ︎

Google REWS delivers thoughtful and intentional spaces and services to create the right environment for Googlers to do their best work, and to empower and enable Google to thrive in the long-term.

However, as it predominantly operates “under the hood” its role can be overlooked, preventing REWS from building its brand and demonstrating its influence within Google.

To help overcome this challenge, we developed a simple, responsive identity that could modulate it’s emphasis depending on the time, context, and audience.












Our first step was to work with REWS’ in translating their overarching brand mission into a set of actionable principles that would guide our design strategy.



What REWS says



What REWS does

Intentional Experiences
Every decision we make is made with the best of intention - from the cafe menus down to the color of the conference room walls, there is a purpose behind everything we do. And while we may not always get it right, we learn from experience and use and work on making it better.



Inform
What if at right time and in the right context, the REWS identity can inform how something was created?













Fostering Performance
Making sure Googlers are able to reach their highest level of performance is why we do what we do. This also means punctuating the experience with occasional surprises to keep things fresh and exciting.



Guide
What if the REWS identity can guide people to certain places and experiences?

Sense of Belonging
Providing an inclusive experience is core to everything we offer and communicate at Google. This means that not only do we need to ensure everyone feels like they belong, but we also reflect the uniqueness in local environments and celebrate the fact that we all have different needs.



Invite
What if the REWS identity can invite audiences to participate into the experience?











Magic Moments
We work hard to make sure Googlers have everything they need to work hard. Most of the time we stay out of the way to make things as seamless as possible, but it’s also important to surprise and delight when the moment is right.



Delight
What if using technology and insights, REWS identity can surprise and delight audiences?
The Future of Workplace
We are always innovating and pushing boundaries, it’s a part of our Google DNA. Within REWS, our sights are set on creating the future of the workplace - not only for Google, but also to demonstrate externally that world-changing ideas are possible and good ideas can scale. We never settle into the status quo, the next new thing is always in motion.



Inspire
What if the REWS identity can inspire audiences to imagine and think of their workspace in a more inspirational way?














↳ Wordmark
As a first step, we updated the REWS wordmark to incorporate Google’s Product Sans, so as to feel more cohesive with the brands broader identity. 

Previous wordmark


































↳ Logo Anatomy — Cornerstone
REWS is the CORNERSTONE of Google.

Cornerstone — An important quality or feature on which a particular thing depends or is based.



REWS is the foundation that fosters performance.

REWS is a warm corner of inclusivity, creating a place that provides a sense of belonging.

The “corner” appears delightfully in magical moments across Google campuses.

The “corner” connects experiences with intention.

Cornerstone is the base that supports Google’s future workplace.










↳ Logo Anatomy — Imprint
REWS marks its IMPRINT in everything Google does. 

Imprint — Impress or stamp (a mark or outline) on a surface or body. It also can refer to any kind of impression or influence.



REWSters leave an impression that fosters performance.

Each REWSter puts their own stamp, celebrating inclusivity, and providing a sense of belonging.

REWSters' “imprints” appears delightfully in magical moments across Google campuses.

The “imprint” is etched intentionally across experiences.

REWS’ “imprint” marks its lasting support of Google’s future workplace.




















↳ Responsive Imprint
The REWS logo is the architectural framework for all mediums, layouts and compositions. To cater for this variety, the Imprint becomes a responsive stage for content that expands and contracts.









↳ Brand applications
Finally, we created a range of brand applications that flex how the logo could be used to Inform, Guide, Invite, Delight and Inspire, and as an occasional wink reminding Googlers that REWS’ is on a mission to help them do their best work.





























































































































































Team
↳ Virgilio Santos, Manuel Dilone, Shu-Yu Hsiao, Junki Hong, Jon Marsh, Cris Mascort, Teri Kaplan











4

Samsung Collections 
↳ 016
Agency
↳ R/GA
Role
↳ Art + Design Director
A Galaxy of Possibility: When you connect your Galaxy phone with Samsung's latest devices, the possibilities are endless. To show this, we developed a series of lifestyle Collections: a set of curated product ecosystem stories and use cases, offering people unique benefits to solve their problems with experiences that unlock their passions.

Lifestyle stills, video, and product photography were later implemented in various executions across multiple channels including TVC, OOH, digital, retail and Samsung.com. Shot by Carlos Serrao, styling led by Turner Turner.












Art Direction
We opted to work in an expansive studio-based environment with minimal set design, giving us greater flexibility and control over how we brought each collection story to life, and setting the stage for our talent to perform on. Wardrobe was kept bold, clean and monochromatic so as not to distract from the product.





















Feeling / Function
Photography is divided into two categories:

Feeling: shots which convey the spirit of the use case and the products as part of it. 

Function: product centric shots that show the feature that makes each use case possible. As a principle, the phone is always at the center of the experience, coupled with with 1-2 products, and a service that provides a new or better consumer experience through innovation.




















Below is an overview of each of the four Collections — Go, Move, Create and Explore — including a summary of the collection's spirit, feeling and function shots, and layout exploratory.










Go with Galaxy
Stay connected. Never tied down.

Connect your Galaxy S7 with the Gear S2, Level headphones and Samsung Pay, and live more freely.


















































Move with Galaxy
Fitness that fits your life.

Connect your Galaxy S7 with S Health, the Gear Fit2, Gear IconX ear buds or Level Active headphones, and get smart about getting fit.


















































Create with Galaxy
Share the whole story.

Connect your Galaxy S7 edge with the Gear 360 camera and Gear VR headset to bring your vision to life in 360°.


















































Explore with Galaxy
Try on the future.

Connect your Galaxy S7 with the Gear VR headset and Samsung VR, and experience virtual reality.


















































Product Display
We developed a flexible product layout system that could work over various mediums and proportions, each key visual having both black and white background options.





















































5

Samsung 837 NYC 
↳ 016
Agency
↳ R/GA
Role
↳ Design Director
As a way to increase awareness and drive traffic to Samsung's go-to cultural and experiential hub in Meatpacking - Samsung 837 NYC - we created a simple design system that could function across static, animated and interactive DOOH signage.





















↳ Inspired by architecture
Using the building's iconic twisted window facades as our system foundations, viewers are quite literally able to look through 837’s graphic posters and take a peek at what's happening inside.

A layer of event and location information was then organized around our window frames in Samsung's custom sans-serif.




















↳ Dynamic frames
We catered for a varied range of displays (Chelsea Market, MTA and LinkNYC) that had either static or dynamic capabilities, in varying aspect ratios.

Dynamic displays seamlessly cycled through multiple upcoming events and experiences before resolving to a live location map.


















↳ Photography
Photographic guidelines emphasized bold portraiture, with the subject always center stage. 




















837 Web App
This system carried over into an accompanying web app that we designed and developed, informing people of the latest experiences and events, allowing them to view past events in 360°, and inviting them to 'Come Play' at 837 and experience the future.




















Web App - 360° viewer
By connecting their Samsung devices to an interactive DOOH panel through wi-fi or bluetooth, users could access the 837 in 360° viewer, enabling them to relive recent performances and events in 360° using their devices gyroscope sensor.




















Web App - Calendar & Map
Users also had the ability to view an interactive calendar where they could find out more information and RSVP in advance for special events, as well as recieve real-time directions from their current location to Samsung 837 NYC.




















6

Nike X Kyrie 3 
↳ 017
Agency
↳ R/GA
Role
↳ Design Director
Design exploratory for the campaign launch of the Nike Kyrie 3, inspired by his unparalleled speed, creativity, ball handles and unpredictability.










001. Whiplash
xxx








































002. Smash The Tempo
xxx








































003. Cast Your Shadow
xxx








































7

Samsung Galaxy S7 Global Launch TVC
↳ 016
Agency
↳ R/GA
Role
↳ Art + Design Director
Concept development and art direction for the Galaxy S7 global product launch TVC. Premiered at the 88th Academy Awards, and has reached over 6.4 million views on YouTube. Directed by the talented Marcus Tomlinson.





















Virtual Reality Machine
What initially set out to be a content shoot for digital assets, quickly turned into a global product TVC and campaign celebrating the Galaxy S7’s industry-leading features including fast wireless charging, virtual reality capabilities, and water resistanance for up to 30 minutes, as seen in the iconic opening shot, symbolizing Samsungs rebirth into a new dawn of mobile dominance.



















Agency Team
↳ Qian Qian (CD), Chris Cyran (Designer)
Director
↳ Marcus Tomlinson

Director of Photography
↳ Paul Laufer
Production
↳ Radical Media (LA)

Post-Production
↳ The Mill (NY/LA)
Edit
↳ Josh Bodnar @ Whitehouse (LA)

Sound
↳ Human (LA)









8

Samsung Galaxy S7 Campaign
↳ 016
Agency
↳ R/GA
Role
↳ Design Director
Campaign design system development posing the big, burning, important questions in life, in anticipation for the launch of the Samsung Galaxy S7 - the answer to all your questions.






















































































































Post-Launch Programmatic OLA Banners




















TVC Endcards




















9

Samsung Galaxy S8 Campaign
↳ 016
Agency
↳ R/GA
Role
↳ Design Director
Early concepts teasing the pre-launch of the Galaxy S8, Samsung's first device with an end-to-end Infinity Display, and intelligent voice assistant, Bixby.




















Foundations
↳ ● + ● = 8
The foundations of the design system where created by the joining of two circles: two seemingly opposing forces (humans and technology) coming together as one, to create a seamless figure 8 - with the Galaxy S8 sitting at the intersection.


















Dimensionality
↳ ● + ● = 8
Building on these foundations, shifts in light and shadow tease the emergence of a more dimensional 8 form.








































S + 8 = S8
The second direction creates a logomark by combining the 'S' with the number 8, also creating a vertical symbol of infinity.





























































10

Samsung Galaxy Note8 
↳ 017
Studio
↳ R/GA
Role
↳ Design Director
Design exploratory teasing the pre-launch of Samsung's latest flagship device, the Galaxy Note8. The design direction sought to humanize the incredible technology that powers the device, by capturing the fun and expressiveness created by people doodling on the Note8 for the first time.

All campaign visual elements would be captured with and designed on the Note8, using the S Pen.




















Pre-Launch
Posters teasing the Galaxy Note8 'Unboxed' event date, using hints of the S-Pen as a graphic device.





















Post-Launch
After the 'Unboxed' event, artists and designers would be invited to doodle on the Note8 and submit their creations. By capturing the moment of contact between human and technology, these works would form the graphic foundations of the launch campaign, along with celebrating the expansion of the way we express and communicate - beyond texting and emojis.






























































11

MTV Video Music Awards 
↳ 013
Studio
↳ The Mill (NY)
Role
↳ Art Director + Designer
Logo design and broadcast package for the 2013 MTV Video Music Awards held for the firts time at the Barclays Center in Brooklyn Ney York. 










MTV X KAWS
The final logo select included the iconic KAWS Companion head, split with a flexible type stack.


















































System Foundations
Typeface:
Neusa - bold, modern, sleek.

Color:
Black & White - minimal, neutral, raw, and a subtle wink to the home of the Brooklyn Nets (Barclays Centre) where the event was being hosted.




























































Exploratory
A few logo selects from the archives, inspired by all things Brooklyn (high-rise stacks, project building corners and graffiti, and leveraging VMA show assets (KAWS re-designed moonman statue and giant KAWS band shell used in set design).








































































12


MTV Video Music Awards
↳ 013
Studio  
↳ The Mill
Role
↳ Art Director + Designer
Broadcast package design system exploratory for the 2013 MTV VMA's. The brief: keep the visuals predominantly black and white (aside from the nominated music video's), and glitch s*** up.






















↳ Layers

Brooklyn, New York - a lively, multi-layered, socio-cultural delta where Puerto Ricans, Hassids, hipsters, junior Wall St. exec's and struggling artists live together in layers of harmony and chaos.
↳ Design Direction

By graphically layering textured strips of local footage and textures, contrasted with moments of bold, clean typography on monochromatic backgrounds, we aim to get a taste of the various elements that make up this unique borough.
↳ Visual Technique

Live action footage would be an exploratory of various Brooklyn neighborhoods from Greenpoint to Coney Island. Slow motion steady cam moments would be interrupted by stuttered stereoscopic time freezes or rapid layered graphic transitions.
↳ Sound

Music and sound design would be inspired by an array of local environmental sounds; from bouncing basketballs to barber store clippers, vibrating tattoo guns to muffled latin bass bumping from lowriders. These immersive sounds will be blended and warped to create interesting, abstract melodies that would complement or contradict the visual flow.
















































































































































































↳ Grid
An alternate direction that explores the use of a constantly changing grid system to communicate messages, introduce categories + nominees, and to jumble, distort and rearrange underlying footage captured around the streets of Brooklyn.













































































































































































13

MTV Video Music Awards 
↳ 013
Studio
↳ The Mill (NY)
Role
↳ Art Director + Photography
The final concept was drawn off the KAWS Moonman and its environmental reflections - Imagine if the mirrored Moonman stood up and took a stroll through Brooklyn. It would reflect a warped and stretched view of everything around it, giving us a beautiful, trippy, melted look at Brooklyn and its many unique people.

Footage was captured in both a run-and-gun style to illustrate Brooklyn's people and happenings. Those moments were paired with a clean, modern, energetic typographic system and some field-captured sound design. The result was an unexpected homage to the early, experimental days of MTV which still felt fresh; rooted in the here and now.








 


















































































14

Oreo Wonderfilled Olympics 
↳ 014
Studio
↳ The Mill
Role
↳ Illustration
Our medal laden Canadian Olympic athlete goes back in time to visit her childhood self, in the process realizing how important her falls and failures were in helping establish the foundations of becoming a champion.