Project Brief
Background + Objectives
This is a case study of Inkling Templates & Content Design for Blue Cross Blue Shield of Kansas City's implementation, Inkling template, and content design system.
How could a massive body of content be organized into a unique content design system?
My Role + Stakeholders
- 1 Front End Designer (me)
- 1 Content Strategist
- 1 Implementation Manager
Skills Applied
Inkdoc Template
Technology Used
Figma
Photoshop
CSS
HTML
Sass/SCSS
Business Context
Blue KC had thousands of documents they wanted to bring into Inkling. There were three different types of content which required unique content design systems emanating from a single brand identity.
Problems & Use Case
There were three distinct types of content: standard operating procedures, student and instructor led training, and job aids. Each needed an entirely different style to honor the difference in content type, but all required the same branding assets.
The source content quantity was massive (thousands of documents with multiple pages).
Solutions & Outcomes
Specific header and footer layouts helped to separate content types. Color schemes and gradients also differed so that from a glance content types were clearly identified.
A demo of how a Learner's Guide is transformed into a Facilitator's Guide
Facilitator's Guide (right)—the same content plus what's intended for the instructor eye's only.
Style Guide
The style guide represents all the branded design assets (colors, typography, images, etc.) in use by the template. It’s an overview of all the Habitat patterns created for the customer to use, and for us to share with our content conversion vendor.
Conclusion
This implementation took at least twice as long as usually due to product re-training sessions and the sheer volume of content. Links were trapped behind SSO walls and required the intervention of our content strategist and vendors. There was also a minor syntax issue that, with the scale of content, had adverse impact on the effectiveness of search.
