MY ROLE: Sole UI/UX Designer TOOLS: Figma, AI, HTML/CSS DURATION: 6+ months
major redesign with new content and increased signup
Problem
Our site Meta for Developers marketing product pages had subpar website visibility despite featuring popular Meta products such as Messenger. The landing pages had become outdated due to newer product cycles and the content did not reflect the current product.
Solution
We revamped all product pages with current existing product offerings, resulting in a 50% increase in ROI and API signups within a six-month period. Please note the live site may reflect the new Meta branding vs the Facebook re-design at the time.Marketing material may also use “Facebook” instead of Meta.
All information in this case study is my own and does not reflect the views of the client. For privacy, I have modified the information to be non-confidential.
In-house Implementation
Despite having a lack of internal resources, I as a the sole Product/UX/UI designer redesigned over 20 product pages. I applied a fresh visual language to the pages alongside the modern Meta branding system visual standard, updating the the older pages with notable improvements in ROI and API signups post-launch. We curated relevant content and tested with internal users for approval.
We used Meta AI tools to optimize content and internal market testing.
Reframing the Problem
Starting as a UI update, the project grew in scope into a page redesign where I utilized my UX content and UX designer skills for the successful launch of over 20 Meta product pages.
Replacing oudated product content and rolling out new company branding
UX Content Strategy and Research
Taking on multiple roles, I assessed the old page, collaborated with product stakeholders, and served as a UX content strategist to curated the new updated product content. Additionally, I designed the UX wireframe for optimal viewing, applied a new visual identity, and implemented the page as both the UI designer and frontend developer.
Product Design
On the older pages, the older content was old or broken. I kept the core Meta-branded content of the existing pages while updating product specs and visuals handling all tasks as the product designer
As the UX content strategist, I curated fresh product content showing new product features and collaborated with the product stakeholders throughout the process.
As the UI designer, I explored distinctive visual language for each product, utilizing specific sub-brands to enhance their individual identities on top of the core Meta design system.
See the old vs new site below
Existing Site
New Site
Production Process
As the UX content strategist, I evaluated which content to retain and identified new content to include.
As the UI designer, I proposed design options to stakeholders, utilizing the latest Facebook styles and new product visual assets. After discussing and evaluating various options, we finalized the best visual approach.
Mobile Friendly – we used the Meta UX wireframes and dev systems to be mobile first.
Responsive experience – we ensured the experience was consistent for all Meta users across all devices
Final Designs
Jobs for Facebook
Oculus for Developers
Portal
Facebook Gaming
Places Graph
Outcome
Meta Products API increased by 50%
I redesigned 20+ Facebook API product pages with new UX content, resulting in a 50% increase in conversion rate and ROI view. The success of the project also boosted traffic to our site, and the product stakeholders were pleased with the new pages.
I designed and showcased 20+ product pages including Portal, Jobs for Facebook, Gaming, and Oculus, as they had the most unique layouts and great visuals among all the rebranded pages.
All information in this case study is my own and does not reflect the views of the client. For privacy, I have modified the information to be non-confidential.
We used Meta AI tools to optimize content and internal market testing.
Replacing oudated product content and rolling out new company branding
Meta Products API increased by 50%