{"id":49,"date":"2024-01-07T19:23:31","date_gmt":"2024-01-07T19:23:31","guid":{"rendered":"https:\/\/christychristine.com\/portfolio\/?page_id=49"},"modified":"2024-07-09T19:40:11","modified_gmt":"2024-07-09T19:40:11","slug":"design-system-ansira","status":"publish","type":"page","link":"https:\/\/christychristine.com\/portfolio\/design-system-ansira\/","title":{"rendered":"Design System"},"content":{"rendered":"\n

<\/p>\n\n\n\n

\n
\n

Company: Ansira<\/h2>\n\n\n\n

Create design system for website themes<\/h3>\n<\/div>\n\n\n\n
<\/div>\n\n\n\n
\n
\n
\n

Project Scope:<\/p>\n\n\n\n

    \n
  • Worked with engineering teams to build scaled designs.<\/li>\n\n\n\n
  • Focus on interactive elements, making sure color follows WCAG AA guidelines.<\/li>\n\n\n\n
  • Updated color mapping options and created a template for designers and developers.<\/li>\n<\/ul>\n\n\n\n
    <\/div>\n\n\n\n

    Historically, Ansira websites have been built using custom bespoke designs. This leads to duplicate code and server issues. This project aimed to make templates available to many clients while maintaining brand styles.<\/p>\n\n\n\n

    Current best practices for website builds were utilized, and CSS variables allowed for customization at the design level. The scaled designs proved to be a good investment, shortening time to market by 60%, and improved efficiency of websites.<\/p>\n\n\n\n

    I utilized my knowledge of the website platform to become a product innovator, answering engineering questions and presenting to product owners. The new system is now the standard starting point for new website customers.<\/p>\n<\/div>\n\n\n\n

    \n
    \"snapshot<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
    <\/div>\n\n\n