Web Design | en-viz

Area 120

.

BACKGROUND

Area 120 is Google's incubator for their employee's side projects. As a designer who also works on Google sites, I find Area 120 projects interesting because of the variety of product, and being able to work with clients who are enthusiastic about promoting a product they're personally invested in. It's also an opportunity to venture outside of Google brand standards to create something fun and unusual.

ROLE:

Visual Design

Wireframes

Mockups

TOOLS:

Illustrator

Photoshop

After Effects

DISCOVERY AND STRATEGY

While Area 120 is a separate company from Google, some clients want their product's site to feel related in some way. This product did not launch, thus identifying text and naming is omitted for confidentiality reasons. However, the product's functionality works with Assistant and aimed at consumers. The V1 mobile-first mockup options were presented to get a feel for how far the client wanted to explore. I was in a team of two designers who worked on the project. We conducted programming sessions with the client to find out more about the product, and reviewed research decks about the product and its prospective users to devise a strategy. We also held brainstorming sessions with other teams to produce viable names for the emerging product.

Because this particular product works with Google Assistant, and one other Google mobile app, we decided to focus on mobile web formats to meet the user where they are—"in the moment".

HIGH FIDELITY MOCKUPS

My team decided to present the client with two options: one that was familiar, falling within Google's standards, and another that had a fun and light experience, using a mascot. I was involved in every step of the programming process, and created the hero modules with animations shown below, and most of the vector assets.

Note: this product did not launch in the format presented at the time of this design, therefore identifying copy and naming are replaced by lorem ipsum.