Kyle Slyva.

UX Designer

Home

Portfolio

About

Kyle Slyva.

UX Designer

Home

Portfolio

About

Kyle Slyva.

UX Designer

Home

Portfolio

About

Kyle Slyva.

UX Designer

META

Leveling Up Facebook Gaming

Client
Meta
Industry
Social Tech
timeline
Jan-Sep 2022
team
6 Team Members
Role

Research, Information Architecture, Competitive Analysis, UX Design


Overview

Redesign and rebrand the Facebook Gaming site, aiming to compete with established competitors while creating an engaging platform for content creators.


Challenge

Merging two distinct sights—Facebook Gaming for Developers and Facebook Gaming for Creators—came with a handful of navigation and implementation challenges. Balancing educational resources for both new and seasoned creators was another obstacle, alongside revamping the site's aesthetics to attract users over competing platforms. Addressing stereotypes linked to Facebook's demographic was crucial, requiring a revitalization of the platform's image to appeal to a younger audience and establish Facebook Gaming as a dynamic space for gamers and creators alike.


Solution

I created an all-in-one website that seamlessly guides users to different sections based on their needs, equipping aspiring creators with comprehensive tools and showcasing the vibrant community on the landing page. To appeal to a younger audience, I revamped the design with relatable language, resulting in a resonating Facebook Gaming site that drives increased user engagement and community growth.

Role

Research, Information Architecture, Competitive Analysis, UX Design


Overview

Redesign and rebrand the Facebook Gaming site, aiming to compete with established competitors while creating an engaging platform for content creators.


Challenge

Merging two distinct sights—Facebook Gaming for Developers and Facebook Gaming for Creators—came with a handful of navigation and implementation challenges. Balancing educational resources for both new and seasoned creators was another obstacle, alongside revamping the site's aesthetics to attract users over competing platforms. Addressing stereotypes linked to Facebook's demographic was crucial, requiring a revitalization of the platform's image to appeal to a younger audience and establish Facebook Gaming as a dynamic space for gamers and creators alike.


Solution

I created an all-in-one website that seamlessly guides users to different sections based on their needs, equipping aspiring creators with comprehensive tools and showcasing the vibrant community on the landing page. To appeal to a younger audience, I revamped the design with relatable language, resulting in a resonating Facebook Gaming site that drives increased user engagement and community growth.

Role

Research, Information Architecture, Competitive Analysis, UX Design


Overview

Redesign and rebrand the Facebook Gaming site, aiming to compete with established competitors while creating an engaging platform for content creators.


Challenge

Merging two distinct sights—Facebook Gaming for Developers and Facebook Gaming for Creators—came with a handful of navigation and implementation challenges. Balancing educational resources for both new and seasoned creators was another obstacle, alongside revamping the site's aesthetics to attract users over competing platforms. Addressing stereotypes linked to Facebook's demographic was crucial, requiring a revitalization of the platform's image to appeal to a younger audience and establish Facebook Gaming as a dynamic space for gamers and creators alike.


Solution

I created an all-in-one website that seamlessly guides users to different sections based on their needs, equipping aspiring creators with comprehensive tools and showcasing the vibrant community on the landing page. To appeal to a younger audience, I revamped the design with relatable language, resulting in a resonating Facebook Gaming site that drives increased user engagement and community growth.

01

Research Analysis

At the beginning of the design process, we conducted a competitive analysis, which played a pivotal role in shaping our decisions and forming the foundation of our site map.


Through this process, I identified the importance of educating the user, and providing a clear path for learning. A quick account creation process was also a critical finding to reduce user drop-off.


At the beginning of the design process, we conducted a competitive analysis, which played a pivotal role in shaping our decisions and forming the foundation of our site map.


Through this process, I identified the importance of educating the user, and providing a clear path for learning. A quick account creation process was also a critical finding to reduce user drop-off.


02

02

02

Site Mapping

Site Mapping

Site Mapping

This process involved the consolidation, elimination, and reorganization of their navigational structure to align with the newly proposed guidelines. By streamlining the navigation, I ensured a more user-friendly and intuitive experience, empowering users to easily explore and access relevant content within the unified Facebook Gaming site. The site map proved to be an essential tool in shaping the website's architecture and optimizing its overall usability.



This process involved the consolidation, elimination, and reorganization of their navigational structure to align with the newly proposed guidelines. By streamlining the navigation, I ensured a more user-friendly and intuitive experience, empowering users to easily explore and access relevant content within the unified Facebook Gaming site. The site map proved to be an essential tool in shaping the website's architecture and optimizing its overall usability.



03

03

03

Wireframing

Wireframing

Wireframing

I started by creating the Creator's Bootcamp, an education hub with courses designed to match users' interests and experience levels. The goal was to make a clear and engaging platform that reflected our audience's gaming culture, making it a great resource for aspiring creators.


After finishing the education hub, I focused on other parts of the Facebook Gaming site, like a landing hub, dedicated pages for creators and developers, service pages, success story templates, and blog templates. Knowing many of our users are mobile gamers, I made sure the site worked well on both desktop and mobile, creating a user-friendly experience for everyone.



I started by creating the Creator's Bootcamp, an education hub with courses designed to match users' interests and experience levels. The goal was to make a clear and engaging platform that reflected our audience's gaming culture, making it a great resource for aspiring creators.


After finishing the education hub, I focused on other parts of the Facebook Gaming site, like a landing hub, dedicated pages for creators and developers, service pages, success story templates, and blog templates. Knowing many of our users are mobile gamers, I made sure the site worked well on both desktop and mobile, creating a user-friendly experience for everyone.



04

04

04

Design System

Design System

Design System

Working with Meta's design system was a unique challenge for me. Ensuring my wireframes translated seamlessly to the final visual design was crucial. To do this, I created an internal design system just for wireframing, using the same grid patterns, fonts, type weights, and colors as the visual design team.


By aligning my wireframes with the visual design guidelines early on, I ensured a smooth handover to the visual designers and a cohesive final product. This collaboration helped me maintain consistency throughout the design process and meet Meta's design standards effectively.

Working with Meta's design system was a unique challenge for me. Ensuring my wireframes translated seamlessly to the final visual design was crucial. To do this, I created an internal design system just for wireframing, using the same grid patterns, fonts, type weights, and colors as the visual design team.


By aligning my wireframes with the visual design guidelines early on, I ensured a smooth handover to the visual designers and a cohesive final product. This collaboration helped me maintain consistency throughout the design process and meet Meta's design standards effectively.

Results

This project was incredibly rewarding for me. I took an outdated platform and turned it into a unique, fresh, industry-relevant site. I focused on adding functionality that would encourage adoption, promote learning, and help to create a stronger community. In the end, I was really pleased with the result, and the client gave plenty of praise for the end product.

This project was incredibly rewarding for me. I took an outdated platform and turned it into a unique, fresh, industry-relevant site. I focused on adding functionality that would encourage adoption, promote learning, and help to create a stronger community. In the end, I was really pleased with the result, and the client gave plenty of praise for the end product.

This project was incredibly rewarding for me. I took an outdated platform and turned it into a unique, fresh, industry-relevant site. I focused on adding functionality that would encourage adoption, promote learning, and help to create a stronger community. In the end, I was really pleased with the result, and the client gave plenty of praise for the end product.