104
FlatStudio - Lisbon 2016
Introducing new
Google Play
Google is a big ecosystem with hundreds of different services. Each service needs to have a great interface understandable to common users
Google PlayAPRIL 2016
Planetary store in one place
About
Deliverables
Google Play is a digital distribution platform operated by Google. It serves as the official app store for the Android operating system, allowing users to browse and download applications developed with the Android SDK and published through Google. Google Play also serves as a digital media store, offering music, magazines, books, movies, and television programs.
Web UI/UX Design
Functional Grid
Creative Direction
Color approach
Authors
Bohdan Kononets
Senior Interface & Graphic Designer and Founder of Flatstudio. A perfectionist with a lot of passion for details in web and mobile development, colors and pixel perfection. Bohdan gets inspiration from the scientific books and films.
Slava Kornilov
Product designer and typography guru at Flatstudio. His interests and working skills are focusing on web and mobile interface design. Slava thoroughly studies and implements both Motion Design and Material Design.
UX and Design Principles
Google Play is a big platform that provides a large number of media and gaming content. But it has a lot of drawbacks for users and the companies which publish their content. We managed to solve these problems and want to present you a redesigned platform with its brand new colors for services.
01
Sketches and Wireframes
02
Color Swatches
#444444
#e53935
#faa800
#4caf50
#1d87e4
#7d57c1
03
Typography
Roboto Regular
Free google font
Google Play is a digital distribution platform operated by Google. It serves as the official app store for the Android operating system, allowing users to browse and download. Google Play also serves as a digital media store, offering music, magazines, books, movies, and television programs.
04
Brand Iconography
Play Store
Play Movies  & tv
Play Music
Play Apps  & games
Play Books
Play Newsstand
05
Grid System
A special grid system was designed to properly display design elements on different screen sizes, block content, adaptive header, pages with cover and video content.
Design
We reconsidered and redesigned the main Google Play services: Play Movies & TV, Play Music, Play Games & Apps, Play Books and Play Newsstand
Newsstand
Books
Games
Music
Movies
Play Movies & TV
The Play Movies & TV is an online service for movies and television shows. They can be bought online via the website or via the application.
Movies
Play 01
Movie profile
The cover image is what makes the new redesign an interesting one. There is hidden a play button for a trailer. With a new grid system, information section and cover the interface looks very modern and stylish.
New Grid
New Review
New Cover
New Info
Open full page
Watch or add to wishlist
Start watching a movie with just a click or add it to your wishlist. This feature is adaptive and functional on any device, website, application or TV.
Movies
movies_screen_spectre
Play 02
TV series
The cover image hides the trailer for a new season. In addition, a user can find more information about a specific item such as a number of seasons, original books, similar TV series and a production channel.
Seasons
Original Books
Similar TV series
Trailers and tisers
Open full page
Trailers
Users can easily watch any trailer of the TV series right from the Teasers and Trailers section.
Movies
movies_screen_got
Play 03
Channel profile
The channel profile page provides the information about the channel, the TV series and films it produces. Besides this users can find out the related channels to watch.
TV serials
Similar TV series
Films
Open full page
Temporary Subscription
A temporary subscription gives the access to all the content that the channel provides. In this case, it is not necessary to search for a specific content and pay for it.
Movies
movies_screen_netflix
Play Music
Play Music provides an access to over 35 million songs with purchases or All access subscription
Music
Try Unlimited
Subscribe to All Access to get the opportunity to listen to 35 million of songs and radio stations without ads.
Play 01
Artist profile
The profile photo of the artist is the cover photo of the page. The cover connects the entire page with the same color making them as one. Besides this on this page users can find basic information about the artist, music genre, and albums.
New Grid
New Review
Video & Films
Artist
Open full page
Play in one click
The page has several sections that show Popular Songs, Latest Songs and etc. Users can buy any of the songs in one click or play a demo version.
Music
music_screen_pharrell
Music
music_screen_pharrell_cover
Play 02
Album page
The page provides basic information about the album, the songs and the ability to listen to a trial version of each one. The album page can be with a cover image or without it depending on artist settings.
Popular songs
Albums
Films and Videos
Artist
Open full page
Without cover
This page can be also without any cover. All the basic features remain but the possibility to be on the homepage slider is lost.
Music
music_screen_lana
Music
music_screen_lana_cover
The Player
The player is one of the main features of Play Music. So there were designed 2 player states: fixed and expanded.
Fixed player
The player is always fixed to the bottom of the page giving the access always to control the music. On any page and any time you can write a post on Google+ or in Gmail and listen to music on Play Music.
Expanded player
An expanded state of the player shows the current playlist, song rating and a button to buy it. The item can be purchased on any page of Google, so users don’t have to be on music section.
Play Games & Apps
Play Games & Apps is the most visited category in Google Play. There are about 2 million apps and games.
Games
Play 01
Company profile
A company profile page is designed to bring together all of its applications, games and other information from Google Play services. In addition, the company can change the style of its page.
Company Apps
Collections
New Cover
Open full page
Follow a company
Following the company is a great feature to get more news about upcoming games, apps, new releases etc.
Games
apps_screen_electronicArts
Games
apps_screen_electronicArts_cover
Play 02
Game or App profile
Game or App profile became more convenient and functional. Now it has many great design features, content feed for different devices such as TVs, wearables, smartphones and desktops.
New Grid
New Review
New Cover
New Info
Open full page
Wearables
App or game can be available on any of the wearable devices, so we have designed the page for these devices and provided the information about them.
Games
apps_screen_nfs
Games
apps_screen_nfs_cover
Play Books
Users can purchase and download ebooks from Play Books, which offers over 5 million ebooks and as such is the world's largest ebookstore
Books
Play 01
Book profile
Publishing and advertising companies have the opportunity to customize their personal page making it special and with product style.
New Grid
New Review
New Cover
New Info
Open full page
Save quotes
An edit menu gives new features while reading. Besides the basic ones, just copy any text in the book and save it.
Books
books_screen_book
Books
books_screen_book_cover
Play 02
My books
There are 3 tabs to navigate through: My Books, Read, and Saved where users can find all their collection finished books and saved for later. This feature is available on any device.
Collections
Share of book
Read
Status of read
Open full page
Reading Progress
Hovering the book cover the user gets their reading status of the book, can stop reading it or share it.You can start reading the book on your computer, continue reading on your TV and finish reading on your smartphone lying on the sofa.
Books
books_screen_myBooks
Integrated Reading
Books can be read on any screen device, so it is important to give users the opportunity to read inside the Play Books app even on the desktop.
This page was designed with caring for users reading the book. On the top of the page, there is a menu to add comments, edit font size, search, and other features. The reading progress is fixed to the bottom of the page with a similar design of Play Music Player.
Play Newsstand
With Play Newsstand, discover more of the news and magazines you care about all in one app.
Newsstand
Play 01
Magazine profile
We propose a new vision of a magazine content to users where they can buy or subscribe, read in several languages and watch videos directly in the magazine. All these things they can do on their Android device as well.
New Grid
New Review
New Cover
New Info
Open full page
Search & Save
While reading your favorite magazine you can search for any content and then save it to your history.
Newsstand
newsstand_screen_journal
Newsstand
newsstand_screen_journal_cover
Reading Progress
On the top of the page, there is a menu to add comments, edit font size, search, and other features.