{"id":935,"date":"2026-07-30T18:46:20","date_gmt":"2026-07-30T18:46:20","guid":{"rendered":"https:\/\/benjamin-muenster.de\/?page_id=935"},"modified":"2026-07-30T19:14:56","modified_gmt":"2026-07-30T19:14:56","slug":"zeiss-figma-library-transition","status":"publish","type":"page","link":"https:\/\/benjamin-muenster.de\/index.php\/zeiss-figma-library-transition\/","title":{"rendered":"Zeiss Figma library transition"},"content":{"rendered":"\n
\n
\n
\n

Zeiss Figma library transition<\/h2>\n<\/div>\n\n\n\n
\n

2023\/2024<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
\n

Blank. Blank<\/mark><\/h3>\n\n\n\n
\n
\n
Overview<\/strong><\/h5>\n\n\n\n
    \n
  • Expert users:<\/strong> The logistics software is only used by a very specific group of users with a lot of responsibility and high expertise. They demanded an interface packed with necessary information and did not care so much about any fancy designs.<\/li>\n\n\n\n
  • Complex information:<\/strong> The contents of the logistics software covered a complex car-assembling context with a lot of co-dependencies and tables full of information that all had to be accessible in the interface <\/li>\n\n\n\n
  • Figma library and prototype:<\/strong> I used Porsche\u2019s existing Figma component library and adapted several components to meet user needs. Additionally, I added interactive features to these components to create low- and high-fidelity prototypes for user testing.<\/li>\n<\/ul>\n<\/div>\n\n\n\n
    \n

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

    \n

    Redesign process<\/h4>\n\n\n\n
    \n
    \n
    Initial situation<\/h5>\n\n\n\n

    Based on my initial analysis, which included exploratory conversations with several expert users, I identified the highly complex data table as the core component of the application and the users’ primary source of information.<\/p>\n<\/div>\n\n\n\n

    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    \n

    Layout<\/h4>\n\n\n\n

    For the biweekly sales brochure, I redesigned the layout to allow for larger product imagery and more efficient use of space. The resulting grid system served as the foundation for updating additional print materials, including postcards, flyers, and posters.<\/p>\n\n\n\n

    Previous brouchure design<\/h5>\n\n\n\n
    \n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Zeiss Figma library transition 2023\/2024 Blank. Blank Overview Redesign process Initial situation Based on my initial analysis, which included exploratory conversations with several expert users, I identified the highly complex data table as the core component of the application and the users’ primary source of information. Layout For the biweekly sales brochure, I redesigned the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"iawp_total_views":0,"footnotes":""},"class_list":["post-935","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/pages\/935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/comments?post=935"}],"version-history":[{"count":5,"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/pages\/935\/revisions"}],"predecessor-version":[{"id":946,"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/pages\/935\/revisions\/946"}],"wp:attachment":[{"href":"https:\/\/benjamin-muenster.de\/index.php\/wp-json\/wp\/v2\/media?parent=935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}