Content Design Wiki

In my role with Apple’s Content Creative Team, I collaborated with designers, production artists, and engineers to build technical documentation and streamline processes. I wasn’t just designing interfaces, I was designing systems that helped teams work more efficiently. For example, I developed the Content Design Wiki, a centralized hub for Designers and Producers that provided key resources and continuously updated learning materials. This helped increase team autonomy and reduce unnecessary back-and-forth, saving valuable time.

Overview

The Content Design Wiki serves as a centralized resource for Designers and Producers to find answers to key workflow and tool-related questions. It includes articles and video tutorials that are frequently updated to support continuous learning and problem-solving.

Challenge

How do we create a living, evolving problem-solving resource that adapts to changing workflows?

Remote work made it difficult for team members to ask quick questions or access critical tool guidance.

Existing documentation lacked engaging content and a consistent layout, making it difficult to navigate.

Solution

Strengthened the Content Design Wiki by improving its structure and enhancing engagement.

Provided clear documentation on templates, workflow tools, and processes such as Quip, DJ, Conductor, and artwork uploads.

Created new scripts and video tutorials to support learning and onboarding.

Ensured the Wiki remains adaptable as workflows evolve, making it a living knowledge base rather than a static guide.

Process

Research & Interviews

Conducted interviews with Designers to identify pain points and gaps in existing resources.

Content Strategy

Developed a plan to enhance the Wiki’s structure, clarity, and accessibility.

Design & Development

Created video tutorials, scripts, and guides to simplify complex workflows.

Testing & Refinement

Gathered feedback from the team to refine content and improve usability.

Implementation & Iteration

Launched updates with a consistent layout, ensuring ongoing improvements.

Tools

Documentation & Collaboration – Quip, Keynote

Design & Content Creation – Adobe CC, Frame.io

Audio & Video Production – Logic, Adobe CC

Learns

Gained insight into key focus areas of the Content Studio Design Team.

Identified that some issues were tool-related, while others stemmed from the difficulty of finding and following necessary content.

Strengthened the importance of structured, accessible knowledge-sharing in a remote work environment.

This project helped bridge knowledge gaps, making it easier for Designers and Producers to navigate workflows efficiently, ultimately improving collaboration and productivity across teams. 🚀

Impact

Cut the onboarding time for new team members by 40%.

Improved overall productivity by ensuring all teams had immediate access to frequently updated resources.

Radio Content Wiki

Overview

Developed a centralized Radio Content Wiki to provide teams with the tools and resources needed to streamline content production and ensure accuracy in radio show artwork.

Challenge

The existing Radio Production Tracker in Keynote was outdated and difficult to navigate.

Teams needed an easy way to refresh their knowledge and access resources efficiently.

Inconsistent tracking led to errors, such as incorrect artist names in published content.

Lack of clear guidelines caused confusion about which shows receive silhouetted pub shots.

Solution

Created an updated Radio Content Wiki with clear documentation, templates, and guidelines.

Integrated a new tracker (created by the Radio Design Producer) for more accurate content entry.

Defined request types to clarify which locker (template) to use.

Established standardized pub shot guidelines to manage expectations for show producers.

Implemented batch artwork checks to catch and correct errors post-publishing.

Process

Research & Audit

Reviewed outdated tracker, identified missing resources, and analyzed workflow issues.

Content Structuring

Organized information into key sections: Art Deliverables, Request Deadlines, and Action Items.

Design & Implementation

Developed clear templates, dropdown screens, and a diagram of pub shot rules.

Collaboration & Feedback

Worked with teams to refine documentation and improve usability.

Testing & Iteration

Ensured the wiki was user-friendly and provided necessary resources efficiently.

Tools

Content & Documentation – Quip, Keynote

Project Tracking – Updated Radio Production Tracker

Design & Guidelines – Style guides, Pub Shot Guidelines

Learns

Anatomy of Radio Artwork

Gained a deeper understanding of the types of art delivered to show producers.

Project Tracking in Quip

Learned how shared documents improve collaboration between teams.

Expectation Management

Addressed misunderstandings about which shows receive silhouetted pub shots.

Process Optimization

Identified ways to reduce errors through batch artwork checks and clear action items.

This project enhanced workflow efficiency, improved documentation accessibility, and minimized errors in radio content production, ultimately making the process more seamless for all teams involved. 🚀

Editorial Art Filename Anatomy

Overview

File Naming Structure: Proper file naming is crucial for internal tools to accurately read and route artwork. However, the complexity of file naming conventions can create confusion, particularly for new designers.

Challenge

Clarifying File Naming: Break down the complex structure of filenames for various media types and explain the significance of specific keywords within filenames that communicate essential information.

Solution

Video Tutorial: Developed a video tutorial that explains the anatomy of editorial art filenames, providing a clear, visual representation of the different components and their purpose in an easy-to-understand format.

Process

Document Review

Started with the existing Quip document, which contained detailed explanations of the file naming structure.

Visual Breakdown

Transformed the text-heavy document into a visually engaging video, highlighting key elements of the filename anatomy.

Voiceover

Added a VoiceOver to the video to guide viewers through the breakdown of each part of the filename, helping them understand its purpose.

Editing

Used Adobe Premiere and Keynote to combine visuals and the voiceover into a cohesive tutorial.

Tools

Logic, Quip, Adobe CC, Keynote

Learns

File Naming Conventions: Gained a deeper understanding of Flavor Types, Media Types, Primary Titles, Secondary Titles, and content-specific filenames.

Special Character Usage: Learned the importance of special characters in filenames and how they impact the system's ability to route artwork.

Impact

Simplified the process for Designers, particularly new hires, by providing a clear and easy-to-follow guide on artwork file naming, helping them quickly grasp the internal system and its relevance to their workflow.

Content Escalation Document and Video

Recognizing the complexities in content classification, I created a Content Escalation Document and Video Tutorial, educating designers on how to identify, classify, and escalate content issues. This was crucial for ensuring that problems were handled at the correct level and resolved quickly, without wasting time on miscommunication.

Overview

The goal was create a Document and accompanying video tutorial to help Designers classify and identify content issues, particularly those that require escalation.

Challenge

Showcasing Issue Examples: Content issues are nuanced, and small details determine escalation priority. The challenge was to find a format that effectively highlighted these details and provided clear, actionable examples.

Solution

Video Tutorial & Document: Produced an overview video explaining how to classify and identify content issues, using real-world examples. The accompanying document provided clear guidelines on how Designers can assess and escalate content issues.

Process

  1. Real Incident Gathering: Collected examples of past issues from Music, TV, Books, and Podcasts.

  2. Crowdsourcing Escalation Examples: Sourced real-world escalation examples through internal communication(email and WebEx meetings) and interviews with team members.

  3. Information Distillation: Refined gathered examples, focusing on priority levels for escalation.

  4. Document & Video Creation: Worked on document formatting and produced the video tutorial with VoiceOver, providing clear steps for Designers to follow when escalating content issues.

Tools

Quip, Adobe CC, Keynote, Logic, Frame.io

Learns

Escalation Identification: Deepened understanding of how to properly identify escalation issues and the required actions for reporting them.

Scripting & VoiceOver: Refined scripting and VoiceOver techniques for better communication in the video tutorial.

Document Formatting: Enhanced skills in creating a structured, easy-to-understand document for Designers.

Impact

This project provided Designers with a clear, actionable guide to classify and escalate content issues, ensuring timely and accurate prioritization and resolution.

Reduced content escalation errors by 20%.

Improved team alignment and efficiency when handling urgent content issues.

Previous
Previous

Beats Pill