Pfizer | Charlie
B2B Internal Generative AI Web App
Charlie is a tailor-made AI responsive web app platform, crafted to serve as a hub for the vast community of Pfizer marketing employees. Named after its founder, Charlie boasts an array of features and services aimed at fostering connections among colleagues—linking them to a wealth of opportunities, knowledge, expertise, and collaborative networks.
Team
Charlie Design Team
Role
Sr. UX/UI Designer
Dates
March 2024 - August 2024 (4 months)
As a UI/UI Designer with the Publicis (Lion Resources) Team, I collaborated closely with the Product Manager, UX/UI Design Leads, and Development Team to design and improve the experience and features app-wide for Charlie.ai - while adhering to established Pfizer brand guidelines. This included the creation and maintenance of foundational styles & components for the Pfizer/Charlie Figma design system.
My Task.
Deliverables
Hi-Fidelity Mockups
Interactive Prototypes
Design System Components
Design Tools
Figma
Productivity Tools
Jira / Confluence
Teams
Process
Typography
The current type-ramp reflects Pfizer brand guidelines to enhance readability, consistency, and maintain a polished/clean appearance for users.
Colors
Foundational colors for the Charlie digital product line were defined in alignment with pre-existing Pfizer brand guidelines.
Logo
The logo for the Pfizer|Charlie product has been designed to ensure clear visibility throughout the application. It has been fine-tuned within the design system to stand out effectively on backgrounds of white, Pfizer Blue, and Dark Blue.
Work Space Dashboard
The Charlie Work Space Dashboard serves as the initial landing page, presenting users with immediate access to key tools, resources, and important metrics & data upon login. The displayed content is tailored according to individual access rights and profile information, ensuring a customized experience for each user.
Ask Charlie GPT
Ask Charlie GPT is a helpful AI-powered smart conversational search designed to make Charlie experience more efficient and productive for its users. This tool is built to improve how quickly employees can access insights and knowledge from the content on Charlie platform, saving time and resources.
User Profile
The User Profile is a central element of the Charlie application designed to capture and showcase the individuality and professional background of its’ users. This feature offers a comprehensive and customizable experience, enabling users to share their unique story with potential internal Pfizer collaborators and networks.
Login & Registration
The Login & Registration feature offers secure sign-up and sign-in, with the added convenience of LinkedIn integration for a quick and professional user experience.
Articles, Blogs & Posts
A collaborative hub for employees to share knowledge and insights through written content, fostering a connected and informed workplace community.
Add/Edit Brand Page
Charlie Brand Pages are centralized brand-specific pages that offer employees insights into company initiatives, encouraging alignment and collaboration across the organization. Users have access to brand listing and details pages with the ability to add/edit brands.
Release Notes
The Charlie Release Notes page serves as a centralized resource where users can quickly find and stay informed about the newest updates, enhancements, and resolutions to issues.
Charlie Marketing Resource Landing Page
The Charlie Marketing Resource Landing Page is a one-stop experience where Pfizer marketing talent can access processes, flows, resources, studies, and templates for tackling current and future marketing solutions for projects.
End.
The completed design deliverables were phased & prepped for hand-off to the Development Team for build-out and scheduled demos/launches.