Google Families Site Redesign
PROJECT:
Landing Page Redesign, G Team at R/GA, California
ROLE:
Senior User Experience Designer working with Visual Design and Tech. Responsible for presenting XD concepts to client and handing off XD concepts to visual design before going to development team.
Google Families Group allows users to create a family group with up to six family members. Family groups allows a user to set digital ground rules, share media, and access to subscriptions all from one interface. We were asked to redesign the Google Families landing page to better illustrate the product and how works with the ecosystem of the Google products.
Update page to new design standards
Highlight key product points of Google Families.
Highlight getting started steps.
DESIGN:
The previous Google Families site narrative took a product centered approach: focusing on the ecosystem of Google products and how they work together. Based on research, users responded to a shift in site narrative focusing on the value of creating a family group.
- New users: encourage adoption and explain the ease of signing up.
- Existing users: Help them discover benefits and features of the service.
I used existing research, audits of sister sites, and MWS 23 Design standards to create a series of wireframes that I shared with the client.
Approach 1
The design of approach 1 was meant to create a short actionable page, highlighting the steps to get started with family groups. It indexed on the ease of getting started with google family groups and the products that you can link from google family groups.
high level steps to get started
key product points
the suite of eligible google products
Approach 1: Breakpoint XL wires
Approach 2
This approach was designed to highlight the key product points of creating a family group:
How family groups work, with a emphasis on how many people can be included in groups
How to customize groups
Device and service management
the idea was to explain the why to users and to lead page narrative with the value of family groups.
Approach 2: Breakpoint XL wires
Approach 3
This approach was designed to focus on the outcome of creating a family group. Leading with results- it indexed on the what users could achieve with the product.
Large compelling storytelling carousel to highlight the value of the product
product level details on what a user can achieve with family groups.
Scrolling animation with high level steps to quickly get started.
Approach 3: Breakpoint XL wires
PARTICIPATORY DESIGN:
I worked closely with the clients to iterate on the design with two teams, across three different regions. The design went through many rounds of XD to and a participatory web session with an internal UX team, before we created final wires for handoff.
IMPACT
This redesign is now live. The some highlights of the redesign are:
Leads with the value of the product
Site is updated with new Marketing Web Design Standards
updates to responsive grid