Product Overview

Zynga Academy is an all-in-one Learning & Development ecosystem built on the Docebo Suite. It delivers built-in courses, leadership programs, and personalized analytics to 2,500+ global employees, creating a seamless gamified learning experience.

Problem Space

Zynga needed a unified, modern learning ecosystem that consolidated leadership programs, skill development, and analytics into a single, intuitive experience. Existing structures lacked cohesive navigation, branding, and a scalable content model. The team required a complete redesign of the platform architecture and visual identity within a tight launch timeline, while operating inside Docebo’s technical constraints.

Outcomes

  • Expedited launch: Delivered designs that enabled Zynga Academy to launch early in Q4 for 2.5K+ users
  • High performance: 90 percent internship rating.
  • Return offer: Invited back to join Zynga’s Learning & Development team.
  • Leadership recognition: Work praised for outstanding contributions to Digital Design.
  • Executive-approved branding: Logo approved by Chief DEI Officer.

My Role

Product Ownership

  • Crafted complete sitemap, content plan, and customer profiles
  • Analyzed award-winning LMS systems to shape Zynga’s custom site architecture.
  • Planned content and structure for each webpage based on customer profiles.

Execution

  • Executed all design deliverables including brand kits, wireframes, and high-fidelity web pages.
  • Conducted 15+ hours of technical training with Docebo’s Solutions Deployment Manager.
  • Used Docebo’s built-in widgets + custom HTML/CSS to build ready-for-launch pages.
  • Administered LMS setup, tracked project timelines, and resolved technical issues. 4

Leadership

  • Collaborated with senior stakeholders and coordinated deadlines using GuideCX.
  • Bridged design, L&D, Docebo specialists, and leadership to ensure alignment.
  • Logo design approved by Zynga’s Chief DEI Officer, showing executive-level impact.

Product Lifecyle

4. Discovery

  • Researched award-winning LMS platforms within Docebo to benchmark best-in-class UX and structures.
  • Analyzed customer profiles to determine content needs and page-level structure.
  • Identified which Docebo widgets, modules, and custom elements would support the V1.0 experience.
  • Mapped Zynga’s workflows into Docebo’s constraints, ensuring feasibility and rapid delivery.
  • Used insights to design a visual sitemap that aligned L&D strategy with platform capabilities.

5. Solution

Core Features & Deliverables

  • Complete brand kit + logo integrating Zynga identity with educational themes.
  • Fully customized visual sitemap tailored to Zynga's L&D ecosystem.
  • Content plans and wireframes for every primary page of the platform.
  • High-fidelity, launch-ready webpages using Docebo widgets + custom digital assets.

Workflow Simplification

  • Unified programs, studios, upskilling tracks, and leadership programs into one accessible system.
  • Simplified navigation using structured sitemaps and modular content layouts.

Decision Logic

  • Used Docebo built-ins for speed and stability; reserved custom HTML/CSS for differentiation.
  • Ensured visual identity stayed true to Zynga brand while appealing to global learners.

6. System / Architecture View

Components Worked With

  • Docebo LMS Modules: Pre-loaded widgets, course library, compliance, programs, studios.
  • Custom HTML/CSS: Used for custom elements in high-fidelity pages.
  • Analytics Dashboard: Personalized learning dashboard embedded within the platform.

My Role Across Components

  • Mastered Docebo functionality through 15+ hours of technical training to ensure correct configuration.
  • Defined requirements, constraints, and content–component mapping for each page.
  • Ensured dependencies (widgets, navigation, assets) aligned with L&D strategy and technical limits.

Content Planning & Wireframing

Analyzed Customer Profiles to brainstorm and plan content for each webpages. Created wireframes for V1.0 launch, utilizing Docebo's Pre-Loaded Widgets & Custom HTML + CSS elements

7. Execution & Delivery

  • Delivered full suite of design artifacts: brand kits, wireframes, high-fidelity pages.
  • Broke platform into components (sitemap → content → wireframes → build).
  • Managed timelines, blockers, and communication through GuideCX.
  • Collaborated with Docebo deployment manager to ensure correct LMS setup.
  • Ensured stakeholder alignment on branding, site structure, and final designs.
  • Contributed directly to the acceleration of the platform's launch. ### Final Designs

Used built-in widgets from Docebo Learning Suite and designed digital assets to create high-fidelity webpages, ready for launch!

9. What I Learned

  • How to translate customer profiles into structured content and UI decisions.
  • How to balance Docebo constraints with custom design elements to create a polished experience.
  • How to coordinate across L&D, technical deployment managers, and executives.
  • How to manage a full end-to-end LMS build from sitemap → execution → launch.
  • How to communicate design rationale and secure approval from senior leadership.

Built With

Share this project:

Updates