Consolidate 300+ websites into a single prudential.com unified customer experience.
Led the collaboration of design and engineering teams to agree on a single CSS framework. Tested multiple open-source CSS frameworks. Promoted the usage of Bootstrap based on its high level of contributions and IE8 support
Led the creative direction, defined styles, patterns, and templates. Collaborated with accessibility specialists making a fully ADA compliant theme. Developed CSS styles and DOM structures for responsive patterns, layouts, and templates.
Led the adoption of GIT version control and evangelized version control workflow and the adoption of centralized Bitbucket Server.
In collaboration with the architecture team, I helped to define responsive templating. Helped establish common pattern options for CMS building blocks. Created and managed patterns & components to allow editors to build custom pages
Designed and maintained global Sketch Library. Created a starter template for new projects. The Library was versioned and in sync with each release of the Global Theme, allowing for designers to switch versions based on the project.
The global theme follows Semantic Versioning Specification (SemVer) and fully integrated into the CI/CD pipeline. As part of the workflow, we implemented Automated Visual Regression Testing (VRT) which enabled notifications upon detection of any visual errors.
After publishing developer can easily install Global Theme via npm into a new or existing project.
Provided documentation for Theme usage, Designer onboarding, Developer onboarding, Utility classes, Coding standards, Accessibility rules, General enterprise specific best practices
Conducted designer and developer workshops. Demonstrated examples of using the unified design language to speed up build time, increase handoff accuracy and meet deadlines. Provided design language cheat-sheets to designers and developers.